嵌套手风琴菜单无法正常工作

nested accordian menu not working properly

我需要嵌套的手风琴菜单,以便我从 link 开始学习本教程。我已经更改了 jquery

$('li a').click(function (e) {
e.preventDefault();
var ullist = $(this).parent().children('ul:first');
ullist.slideToggle(); });

它正在工作,但如果我单击子项,则无法隐藏父项。谁能给我解决方案。请检查这个 (http://jsfiddle.net/LgejL4oh/3/)

谢谢

好吧,我成功了。我通过

使它工作

首先检查被点击的元素是否有子元素 ul:first 隐藏与否.

  1. 如果 visible 跳过切换功能(意味着您正在切换 on/off 相同的选项卡)
  2. else toggle 除当前元素之外的所有其他 visible 元素(因此,如果公司以前可见,请隐藏它并显示当前单击的选项卡)

所以,这是代码,

if (!$(this).parent().children('ul:first').is(":visible")) {
    $(this).parent().parent().find("li").children('ul:visible').slideToggle();
 }
var ullist = $(this).parent().children('ul:first');
ullist.slideToggle();

这里是 working fiddle