Custom Mega Menu Styles

[barefootMarc]

Is it possible to make all the top level li’s trigger all the submenus at once?

I was thinking of using custom HTML and SPB, but wanted to make sure the WordPress along with JOYN didn’t already have a work around.

-M

[barefootMarc]

Figured out a workaround.

$(document).ready(function() {
    $( '#header' ).hover(
        function(){
            $('.sub-menu').delay(250).fadeIn(500);
        },
        function(){
            $('.sub-menu').stop(true).hide(0);
        }
    );
}); // end ready

$(document).ready(function() {
    $( '#header' ).hover(
        function(){
            $('#header').height('400px');
        },
        function(){
            $(' #header').height('137px');
        }
    );
});

My issue is that when the cursor isn’t hovering over the list item the whole sub-menu fades out, but just for the one column. I’m assuming this is because the theme is coded to do so.

According to the jq the menus should be visible until the out state for #menu

Suggestions?

-M

[David Martin – Support]

Do you have anywhere we can see this working? Not sure I see it here? http://test.overdrivedesign.com/GCS/

It maybe best to ask this jQuery question on StackOverflow as this customisation is beyond the scope of support.

Thanks.