Мне нужно добавить две команды к этому jquery коду

Question

Мне нужно добавить две команды к этому jquery коду:

$('.acc-title').click(function(){
    $(this).next(".acc-box").slideToggle();
    $(this).closest(".acc-content").siblings().find('.acc-box').slideUp();
});

addClass('down') до .acc-title при .acc-box slideToggle

removeClass('down') с .acc-title при .acc-box slideUp

HTML:

<div class="acc-content">
  <h3 class="acc-title">Lorem ipsum is placeholder text</h3>
    <div class="acc-box">
      Lorem ipsum is placeholder text commonly used in the graphic
    </div>
</div>

Я использовал этот код, но у него есть проблема

$(this).toggleClass("down");

проблема

Answer 1

Вы можете использовать hasClass метод, чтобы проверить, существует класс или нет:

$('.acc-title').click(function(){
    $(this).next(".acc-box").slideToggle();
    $(this).closest(".acc-content").siblings().find('.acc-box').slideUp();

    if($('.acc-box').hasClass('slideToggle')) {
        $('.acc-title').addClass('down');
    }

    if($('.acc-box').hasClass('slideUp')) {
        $('.acc-title').removeClass('down');
    }
});