Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/perl/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 可折叠列表-使用单独的切换折叠多个列表项_Javascript_Jquery_Wordpress_Slidetoggle_Collapse - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 可折叠列表-使用单独的切换折叠多个列表项

Javascript 可折叠列表-使用单独的切换折叠多个列表项

javascript jquery wordpress

Javascript 可折叠列表-使用单独的切换折叠多个列表项,javascript,jquery,wordpress,slidetoggle,collapse,Javascript,Jquery,Wordpress,Slidetoggle,Collapse,我发现可以在列表中有一个可折叠的子菜单 当我应用此代码时： $('.menu-item-has-children').prepend('<a id="fa-menu" href="#"><i class="fa fa-plus"></i></a>'); $("#fa-menu").on("click", function(){ $(".sub-menu").slideToggle(); $(this).toggleClass("ac

我发现可以在列表中有一个可折叠的子菜单

当我应用此代码时：

$('.menu-item-has-children').prepend('<a id="fa-menu" href="#"><i class="fa fa-plus"></i></a>');
$("#fa-menu").on("click", function(){
    $(".sub-menu").slideToggle();
    $(this).toggleClass("active");
});

$（'.菜单项有子项'）。前置（''）；
$（“#fa菜单”）。在（“单击”，函数（）{
$（“.sub-menu”）.slideToggle（）；
$（此）.toggleClass（“活动”）；
});
我可以展开和折叠，但它对
.sub menu
的每个实例都是如此，并且只允许我切换第一个
#fa menu
实例

有关示例，请参见

如何使它彼此独立切换。

而不是
$（“.sub-menu”）.slideToggle（）使用
$（this.parent（）.find（“.sub-menu”）.slideToggle（），如果要停止传播，请调用preventDefault（）
 这将只切换第一个子菜单，如何允许切换后续菜单？