javascript - Accordion 和切换图标的问题

Question

我试了好几个小时了，但似乎我完全脑子放屁了我想要实现的是制作一个带有切换图标和向上滑动面板的 Accordion 。这基本上可以将减号更改为加号，但当我切换单击特定标题时则不起作用。

$('.accordion-wrapper').on('click', function (e) {
    e.stopPropagation();

    $(this).next('div.accordion-panel').stop(true, false, true).slideToggle();
    // $(this).find('.unalex-plus').toggleClass('glyphicon-plus glyphicon-minus');
    $('div.accordion-panel').not($(this).next('div.accordion-panel')).slideUp();

    if (!$(this).hasClass('active-panel')) {
        $('.accordion-wrapper').find('.unalex-plus').removeClass('glyphicon-minus').addClass('glyphicon-plus');
        $(this).find('.unalex-plus').removeClass('glyphicon-plus').addClass('glyphicon-minus ');
        $(this).addClass("active-panel");
    } else {
        $('this').find('.unalex-plus').removeClass('glyphicon-minus').addClass('glyphicon-plus');
        $('.accordion-wrapper').find('.unalex-plus').removeClass('glyphicon-plus').addClass('glyphicon-plus');
        $(this).removeClass('active-panel');
    }
});

这是我的 fiddle :https://jsfiddle.net/emd381md/11/

Answer 1

我已经编辑了你的 Fiddle .

您不应该以这种方式使用 addClass 和 removeClass。 toggleClass是一个更好(也更易读)的解决方案。