我真的不知道该怎么解释我在这里找的东西,我在这里找得太露骨了。在我的网站上,我有一个附带菜单,其中包含一系列子类别,每个子类别中都有一些项目。我想知道当我打开另一个子类别时,是否有办法关闭所有其他打开的子类别,例如:
1. Animals
----A. Cats
----B. Dogs
2. People
----A. Samantha
----B. Daniel
当我按下“动物”时,我希望“人”关闭,反之亦然,以便菜单始终为:
1. Animals
----A. Cats
----B. Dogs
2. People
or
1. Animals
2. People
----A. Samantha
----B. Daniel
而不是一下子全部打开。我希望你们能理解我在找什么。
最合适的回答,由SO网友:Kevin Fodness 整理而成
我在这里做了一些假设,比如你是为主题编写代码的人,或者至少有能力以某种方式修改JavaScript。
您可以使用jQuery通过以下代码实现这一点:
$(document).ready(function () {
$(\'.parent ul\').slideUp();
$(\'.parent > li > a\').on(\'click\', function (e) {
e.preventDefault();
var $this = $(this);
$this.parent().siblings().find(\'ul\').slideUp();
$this.siblings(\'ul\').slideDown();
});
});