Класс "активный" не работает

В моем проекте я использую аккордеон, но «активное» состояние работает только в событии щелчка. Мне нужно, чтобы он работал при активном состоянии. В активном состоянии отображается знак минус, а в неактивном состоянии - знак плюса. Я использую ACF в Wordpress.

Мой PHP-код:

<div class = "accordian-boxed"><br>

<?php if (get_field('bio_bl2_accordion')): 
$dig_count=0; ?>

<ul class = "accordion-box">

    <?php while(has_sub_field('bio_bl2_accordion')): 
    if ($dig_count == 0) { ?>

    <li class = "accordion block">
        <div class = "acc-btn">
            <div class = "icon-outer">
                <span class = "icon icon-plus fa fa-plus"></span>
                <span class = "icon icon-minus fa fa-minus"></span>
            </div>
            <?php the_sub_field('ac_titulo');?>
        </div>
        <div class = "acc-content current">
            <div class = "content">
                <div class = "text">
                    <p><?php the_sub_field('ac_descricao');?></p>
                </div>
            </div>
        </div>
    </li>

        <?php } else {?>

    <li class = "accordion block">
        <div class = "acc-btn">
            <div class = "icon-outer">
                <span class = "icon icon-plus fa fa-plus"></span>
                <span class = "icon icon-minus fa fa-minus"></span>
            </div>
            <?php the_sub_field('ac_titulo');?>
        </div>
        <div class = "acc-content">
            <div class = "content">
                <div class = "text">
                    <p><?php the_sub_field('ac_descricao');?></p>
                </div>
            </div>
        </div>
    </li>    

    <?php } 
        $dig_count++; ?>    
        <?php endwhile; ?>

</ul>

<?php else : endif; ?>

Мой код JS:

if ($('.accordion-box').length){
    $('.accordion-box').on('click', '.acc-btn', function() {

        var target = $(this).parents('.accordion');

        if ($(this).hasClass('active')!==true){
            $('.accordion .acc-btn').removeClass('active');
        }

        if ($(this).next('.acc-content').is(':visible')){
            //$(this).removeClass('active');
            return false;
            //$(this).next('.accord-content').slideUp(300);
        }else{
            $(this).addClass('active');
            $('.accordion').removeClass('active-block');
            $('.accordion .acc-content').slideUp(300);
            target.addClass('active-block');
            $(this).next('.acc-content').slideDown(300);    
        }
    });
}

Смотрите изображение:

Значок состояния изображения

Кто-нибудь может мне помочь?

Спасибо