Question

我正在尝试在我的下拉导航中添加一个子级别，我似乎无法获得。

我无法弄清楚如何处理JS代码来处理子级别或css（它没有按预期工作，菜单项会按行排列）

这个小提琴可以在这里找到：http://jsfiddle.net/WPNMN/7/

修改：提前发布，我已尝试添加ul li ul以及ul和ul li ul li以及ul li的功能，但仍然无济于事。

有没有人对从哪里开始有任何指示？

编辑：我已经修复了我已经链接的jsfiddle，它甚至没有显示它应该如何开始，不知道发生了什么但现在已经排序了。

Answer 1

我已经更新了你js

$(document).ready(function(){

$('.rs_nav_menu li').hover(
function () {
    $(this).addClass('active');
    $(this).children('ul').fadeIn('fast');
},
function () {
    $(this).removeClass('active');
    $(this).children('ul').fadeOut();
}
);
});

和一些css检查jsFiddle Link

希望这对你有用。

Answer 2

我不确定您的菜单应该是什么样子，但是当涉及到下拉菜单时，我喜欢Son of Suckerfish解决方案。这是一个只有css的解决方案（除了不支持：hover伪类的浏览器）和有效的html。

Answer 3

这可以解决问题;不需要使用任何jQuery或javascript ...

ul ul { display:none; }
ul a:hover ul { display:block }

请确保在标签

中设置ul

多级下拉菜单

3 个答案: