Question

我有一个带有ul子菜单的菜单，我写的脚本只能显示第一个子菜单，另一个子菜单不显示。

这是我正在使用的jquery脚本

$(document).ready(function(){
     $('#top_menu_blockx').hover(
        function(){
            $('#top_menu_blockx').children('ul').stop().fadeIn('slow');
        },
        function(){
            $('#top_menu_blockx').children('ul').stop().fadeOut('slow');
        }
     );
});

我已经包含了一个链接他jsfiddle。 http://jsfiddle.net/kakashi807/RrYs4/2/

顺便问一下，当鼠标悬停时，为什么子菜单字体的颜色不会变为白色？

谢谢

Answer 1

试试这个 - DEMO

$(document).ready(function(){
     $('.top_menu_btnx').hover(
        function(){
            $(this).children('ul').stop().fadeIn('slow');
        },
        function(){
            $(this).children('ul').stop().fadeOut('slow');
        }
     );
});

关于你的HTML - ID-s应该是独一无二的！

Answer 2

通过ClassName尝试相同的事情。然后它会工作。

小提琴示例： http://jsfiddle.net/RrYs4/6/

JQuery：

$(document).ready(function(){
     $('.top_menu_btnx').hover(
        function(){
            $(this).children('ul').stop().fadeIn('slow');
        },
        function(){
            $(this).children('ul').stop().fadeOut('slow');
        }
     );
});

我无法正确显示子菜单的其余部分

2 个答案: