Question

您好，

自从我上一篇文章以来，我已经在另一个列表上工作并提出了这个问题：http://jsbin.com/emaza4/4

正如您所看到的，带有<li>子项的第一个<ul>元素（项目“＃”）会在页面加载时自动打开，而其他“父项”将保持关闭，直到其中任何一个为点击。我通过将项目'＃'放在类'abc'下，其余项目放在'xyz'类下来实现这一点。

接下来，我希望能够点击另一个父项，例如项目“AF”，它会自动关闭任何其他已打开的父项，包括来自其他类的项目'＃'（'abc'而不是'xyz “）。

在此网站上搜索“切换”促使我这样做：jQuery toggle dynamically

所以我尝试像我这样添加我的代码：http://jsbin.com/emaza4/3/但它似乎没有用。

有人能指出我如何解决这个问题的正确方向吗？提前致谢。：）

Answer 1

您可以在每个处理程序中点击的<li>的兄弟姐妹中使用仅限隐藏版本的.toggle('slow')（.hide('slow')），如下所示：

$(this).siblings().children().hide('slow');

Answer 2

我相信你让问题有点过于复杂。您只需要点击隐藏所有子菜单并打开相关菜单。例如

$('li').click(function (){
  $('ul').hide();
  $(this).find('ul').show();
});