嵌套的手风琴菜单不能正常工作

Question

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

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

它正在工作，但如果我点击孩子，父母不能隐藏。可以任何人给我解决方案。请检查此（http://jsfiddle.net/LgejL4oh/3/）

谢谢

Answer 1

好吧，我设法让它发挥作用。我通过这样做来实现它，

首先检查被点击的元素是否隐藏了小孩ul:first 隐藏。

1. 如果visible跳过切换功能（意味着您在同一个标​​签上打开/关闭）
2. 其他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