Закрыть вкладку в аккордеоне при нажатии на другую

Question

У меня проблемы, когда я хочу закрыть вкладку в моем аккордеоне, нажимая на другую вкладку того же аккордеона.

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

это действительно ведет себя странно!

Моя структура HTML одной вкладки такая, и у меня их 2:

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

Спасибо за вашу помощь!

Answer 1

$('.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()) сворачивает любой элемент accordion-content, на который не щелкают.