Sub Menus Aside menu

Hello,


Is it possible to have the sub menus items wrapping out when you hover over the menus?? with aside menu type??

Instead of all those submenus already showing ??

kind regards

Hi

Please try add this code to css:

Code: Select all

#aside-menu li.haschild ul {
display: none;
}

#aside-menu li.haschild:hover ul {
display: block;
}


it workt !

thank you very much

hi

This is the easiest way. Of course it can be tweaked with some effects, so if You want to add it just let me know.

Is there a way to make it more fluid and transition like with mootools or something?

hi

This is the easiest way. Of course it can be tweaked with some effects, so if You want to add it just let me know.

That sounds really cool!!
what kind of effects do you have in mind??

kind regards.

Hi

There is a lot of ways of oing it, but i think jquery is the easiest I can think of. With this script:

Code: Select all

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


Where would I put this? In the layouts/default.php?

Hi

There is a lot of ways of oing it, but i think jquery is the easiest I can think of. With this script:

Code: Select all

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


Hi

I think /layout/blocks/head.php would be the best place.

I did. Didn't notice any difference at all. But thanks for the tip. Appreciate you getting back to me.

Hi

Yes it's hard to guess if I cannot see this in action while creating code. If You still want to have this modification please send me an access to ftp so I'll make it for You and present the solution for others.

Hi folks. New to Gavick templates. I'm working on a site with an aside menu & have used the CSS snippet above to show/hide menu lists on hover. I'm wondering if there is an easy way to have primary level 1 menu items toggle their child lists on click instead of hover? Hover is visually jarring and not easy to navigate.

Here is example site:

whitefishmtnresort.com

I have "Favorites" display by default, but want things like Plan Your Trip to be clickable instead of hoverable. Make sense? I've played with various jquery snippets in /layout/head.php to toggle the gkmenu level1 class display to block on click, but nothing is working.

Thanks for any tips! Learning as I go!

Hi

Problem is that for example "Favorites" is a link as well, so clicking it will redirect You. I think it can be done if main elements of the menu will be "Text separators".

Also using a number as css class name is an error for validators, so try add at least one letter before the number in list.