Jquery 单击另一个选项卡时关闭accordion中的选项卡

当我想通过单击同一个手风琴的另一个选项卡来关闭手风琴中的选项卡时，我遇到了问题

<script>
$(".accordion").on("click", ".accordion-header", function () {
    $(this).toggleClass("active").next().slideToggle();
    $(".accordion-header").next().slideToggle();
});
</script>

$（“.accordion”）。在（“单击”，“.accordion标题”，函数（）{
$（this.toggleClass（“active”）.next（）.slideToggle（）；
$（“.accordion头”）.next（）.slideToggle（）；
});

它的行为真的很奇怪

我的一个选项卡的HTML结构是这样的，我有两个选项卡：

<div class="accordion">
<h2 class="accordion-header">Stream / Digital</h2>
<div class="accordion-content ul-list-platform">
<ul>
<li></li>
</ul>
</div>
</div>

流/数字

谢谢你的帮助

$('.accordion').find('.accordion-header').on('click', function(){

     //Expand or collapse this panel
     //500 is animation time

     $(this).next().slideToggle(500);

     //Hide the other panels

     $(".accordion-content").not($(this).next()).slideUp(500);

});

试试这样的

.next（）

在单击标题h2元素后展开下一个元素

---

.not（$（this）.next（））

折叠所有未被单击的

手风琴内容

元素。

我们可以看到代码笔或其他东西吗？共享更多HTML代码