Previous layer not showing

Posted by meep on Stack Overflow See other posts from Stack Overflow or by meep
Published on 2010-05-12T07:01:01Z Indexed on 2010/05/12 7:04 UTC
Read the original article Hit count: 293

Filed under:
|
|

Hello

I got a menu which can foldout and show some content based on the menu item.

See demo: http://arcticbusinessnetwork.com.web18.curanetserver.dk/home.aspx

If I hover the menu it works great, but if I click on "Raw Material", I can not access the PREVIOUS tab (Infrastructure) while the others fade in great. How can this be?

This is the javascript

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
    <script type="text/javascript" src="/js/jquery.hoverIntent.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            function megaHoverOver() {
                $(this).find(".menu_content").stop().fadeTo('fast', 1).show();
            }

            function megaHoverOut() {
                $(this).find(".menu_content").stop().fadeTo('fast', 0, function () {
                    $(this).hide();
                });
            }

            var config = {
                sensitivity: 2,
                interval: 50,
                over: megaHoverOver,
                timeout: 300,
                out: megaHoverOut
            };

            $("#menu ul li").not(".parenttocurrent").not(".current").find(".menu_content").css({ 'opacity': '0' });
            $("#menu ul li").not(".parenttocurrent").not(".current").hoverIntent(config);
        });
    </script>

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about css