展开 jQuery -> 导航子菜单 -> 子菜单

Question

作为一个jQuery Noob，我需要一些jQuery脚本的帮助。

jQuery(document).ready(function ($) {
$(".sub-menu").hide();
$(".current_page_item .sub-menu").slideDown(200);;
$("li.menu-item").click(function () { 
    if ($('.sub-menu', this).length >=1) {
        event.preventDefault();
    }
    $(".sub-menu").slideUp(200);; 
    $(this).find(".sub-menu").slideDown(200);;
    event.stopPropagation();
});
});

这个脚本已经很好用了。现在我想把它扩展到第三级。例如

第 1 页------> 第 1 页 第二级-----------> 第 1 页第三级。

现在，如果我单击第一级菜单，则第二级和第三级我，但只有在单击第二级第1页时才应显示第三级。

有人可以帮助我吗？

提前致谢托尔斯滕

---

编辑有人知道为什么脚本在 Firefox 上不起作用吗？

点击后火虫报告：引用错误： 未定义事件 nav.js：7：5

Answer 1

试试这种方式

jQuery(document).ready(function($) {
  $(".current_page_item").children(".sub-menu").slideDown(200);
  $("li.menu-item").click(function() {
    $(this).parent('ul').find(".sub-menu").slideUp(200);
    if ($('.sub-menu', this).length >=1) {
      event.preventDefault();
    }
    $(this).children(".sub-menu").slideDown(200);
    event.stopPropagation();
  });
});

举个例子可以在这里玩jsfiddle

附言记下，然后在小提琴A中没有将类"菜单项"添加到li元素中