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页 ------＆GT;第1级 -----------＆GT;第1级。

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

任何可以帮助我的人？

提前致谢的Thorsten

EDIT 任何人都知道为什么脚本不能在Firefox上运行？

点击后Firebug报告： ReferenceError：事件未定义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

P.S。然后在小提琴中记录，不要添加课程＆＃34;菜单项＆＃34;到li元素

展开jQuery - ＆gt;导航子菜单 - ＆gt;子菜单

1 个答案: