使用child()的Jquery导航选项卡下拉列表

时间:2011-06-20 22:03:18

标签: javascript jquery html css

我在创建标签导航菜单时遇到了问题。当我悬停导航项时,我想下拉一个带有子链接的列表。我正在使用jquery child()函数来显示我悬停的选项卡的子链接。

演示:http://jsfiddle.net/GeKv2/5/

当您将子链接悬停时,似乎会向其添加一个类active。我在这里做错了什么?..

2 个答案:

答案 0 :(得分:3)

$('ul.user_menu li').hover(function() {
    //show active tab
    $(this).addClass("active");
    $("ul", $(this)).show();
}, function() {
    $(this).removeClass("active");
    $("ul", $(this)).hide();
});

答案 1 :(得分:3)

只使用CSS和:hover选择器即可达到相同的效果。

看看这里:http://jsfiddle.net/xfBcn/1/