javascript - 使用打开/关闭文本显示隐藏多个内容

Question

我正在尝试根据菜单链接标题的打开和关闭状态更改打开关闭指示器 (+/-)。当页面加载时，我可以单击其中一个标题，所有链接都会关闭，但只有一个指示器会发生变化。我需要根据每个标题链接的实际状态更改所有指示器。

这是我提取的 HTML

<h4 class="toggle">LINK ONE</h4>
<ul class="content">
  <li><a href="index_ct.html#/UserAdmin_Users_All">Live tracking</a></li>
  <li><a href="index_ct.html#/UserAdmin_Roles_DealerAdmin">Historical tracking</a></li>
  <li><a href="index_ct.html#/UserAdmin_SecurityGroups">Manage locations</a></li>
</ul>

<h4 class="toggle">LINK TWO</h4>
<ul class="content">
  <li><a href="index_ct.html#/UserAdmin_Users_All">Live tracking</a></li>
  <li><a href="index_ct.html#/UserAdmin_Roles_DealerAdmin">Historical tracking</a></li>
  <li><a href="index_ct.html#/UserAdmin_SecurityGroups">Manage locations</a></li>
</ul>

<h4 class="toggle">LINK THREE</h4>
<ul class="content">
  <li><a href="index_ct.html#/UserAdmin_Users_All">Live tracking</a></li>
  <li><a href="index_ct.html#/UserAdmin_Roles_DealerAdmin">Historical tracking</a></li>
  <li><a href="index_ct.html#/UserAdmin_SecurityGroups">Manage locations</a></li>
</ul>

<h4 class="toggle">LINK FOUR</h4>
<ul class="content">
  <li><a href="index_ct.html#/UserAdmin_Users_All">Live tracking</a></li>
  <li><a href="index_ct.html#/UserAdmin_Roles_DealerAdmin">Historical tracking</a></li>
  <li><a href="index_ct.html#/UserAdmin_SecurityGroups">Manage locations</a></li>
</ul>

JQUERY

$(".toggle").on("click", function(e){
    var target = $(this).next('.content');
    $(this).toggleClass("expanded");
    target.slideToggle();
    $('.content').not( target ).slideUp();
});

这是我的 fiddle

https://jsfiddle.net/w59by22h/

如果有人能提供帮助，我们将不胜感激!谢谢

Answer 1

演示 https://jsfiddle.net/w59by22h/1/

    $(".toggle").each(
        function(i, el) {
             $(el).on("click", function(e){
                var target = $(this).next('.content');
                $(this).toggleClass("expanded");
                target.slideToggle();
                $('.content').not( target ).slideUp();
        });
        }
    ); 

将 .click 事件附加到每个 .toggle 类，而不是一起