Hide SubMenu items in Asidemenu

Writer is a clean and professional theme for blog or personal website.
GK User
Mon Feb 08, 2016 6:03 pm
Greetings,

First and foremost, I just want to say that Gavickpro consistently provides top-shelf templates and I recommend your resources to all my clients and associates. Keep up the outstanding work!

Currently, I am using the Writer template and attempting to hide any child items in the aside menu.

I attempted to use the solution provided in https://www.gavick.com/forums/bluap-joomla25/sub-menus-aside-menu-27300 which worked great. However, I cannot seem to add any delay effects so that the opening and closing of the child items would be more smooth. In other words, I would like the child items to be exposed with the same smooth duration that the menu has when it is opened.

Any suggestions would be greatly appreciated.

Thank you for your time and consideration.
User avatar
Fresh Boarder

teitbite
Sat Feb 13, 2016 12:22 pm
Hi

Have You tried this script:

Code: Select all
<script>
    $("#aside-menu li.haschild").hover(
        function () {
            $(this').find('ul').show('slow)';
        },
        function () {
            $(this).find('ul').hide('slow');
        }
   );
</script>


this should reveal subemenus is a slower manner.
User avatar
Moderator

GK User
Tue Feb 16, 2016 5:32 am
Greetings,

Thank you very much for your assistance. Unfortunately, the script did not work. I attempted to place it in layouts/blocks/head.php and it resulted in an error. I also attempted to fix the script you provided with the following:
Code: Select all
<script>
        $("#aside-menu li.haschild").hover(
            function () {
                $(this).find('ul').show('slow');
            },
            function () {
                $(this).find('ul').hide('slow');
            }
       );

</script>

Specifically, I replaced
Code: Select all
$(this').find('ul').show('slow)';
with
Code: Select all
 $(this).find('ul').show('slow');
This did not work either.

Would it be possible to perhaps use just CSS?
I'm a bit of a novice here, so I really appreciate all of your time and help with this.
User avatar
Fresh Boarder

teitbite
Mon Feb 22, 2016 11:36 am
Hi

For CSS animations You would need a fixed height and width. Javascript can count that on the go. Please send me an access to FTP. I'll see why it's not working.
User avatar
Moderator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.