我想创建一个菜单,如http://www.macheesmo.com/(食谱),其中显示所有链接(3 级深)。
到目前为止,这是我想出的 - http://jsfiddle.net/MZxeA/
我的问题是每次我离开第三个 ul 时,整个子菜单都会消失。
另一个问题是,当我进入第二个 ul 然后回到第一个 ul 时,第三个 ul 消失了。
另一个问题是选择器,除非我删除 a.
我想包含 a 的原因是为悬停/轨迹设置“on”样式。
$(function () {
$(".main-nav ol li a").hover(function () {
$(this).addClass("hover");
$('ul', this).css({
'visibility': 'visible'
});
}, function () {
$(this).removeClass("hover");
$('ul', this).css({
'visibility': 'hidden'
});
});
});
任何帮助将不胜感激,谢谢!