Making sub-menus exclusive

时间:2015-08-11 作者:Hoojika

我真的不知道该怎么解释我在这里找的东西,我在这里找得太露骨了。在我的网站上,我有一个附带菜单,其中包含一系列子类别,每个子类别中都有一些项目。我想知道当我打开另一个子类别时,是否有办法关闭所有其他打开的子类别,例如:

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
而不是一下子全部打开。我希望你们能理解我在找什么。

1 个回复
最合适的回答,由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();
    });
});

结束

相关推荐

Wordpress Flyout Menus

我有一个有点复杂的菜单结构,我正试图找出最好的方法来做到这一点。I have a top nav 它有4个部分。每个部分最多有2层深。而且I have a SUB Nav 这是基于您所在的部分,并显示为向下钻取,显示您拥有的页面。例如,假设我单击第二级顶部导航-然后我将转到显示打开并选中该部分的子页面。我希望我的解释是正确的。。。谢谢我的问题是:最好的方法是什么。我研究了一些插件,但似乎找不到合适的插件。我不需要使用插件。