javascript - 努力为常见问题 Accordion 添加活跃的类(class)/州

关于Javascript，我非常业余，因此为什么在这里发布它。我已经花了很多时间来寻找答案，但似乎找不到。

我已经在jsfiddle上创建了一个FAQ手风琴，并且无法终生获得，因此可以在扩展选项卡时添加活动的类/状态，以便我可以适当地应用样式。

如果有人可以提供任何帮助，将不胜感激:)

 $(function () {
    $('.acc_trigger a').click(function () {
        $('.acc_trigger').next('.acc_container').slideUp();
        $(this).closest('.acc_trigger').next('.acc_container').stop().slideDown();
        return false;
    })

    $('.expand').click(function () {
        $('.acc_trigger').closest('.acc_trigger').next('.acc_container').slideDown('slow');
        return false;
    })

    $('.collapse').click(function () {
        $('.acc_trigger').next('.acc_container').slideUp('slow');
        return false;
    })
});

jsfiddle

最佳答案

yakutsa说了什么，但是要回答您的问题，您可以继续使用Jquery并在要更改的结尾处使用.addClass('addedClass')。

例如，如果您希望打开的容器具有红色背景

$('.acc_trigger').next('.acc_container').slideUp().addClass('addedClass');

宽度css

.addedClass {
    background: red;
}

关闭它时，请使用.removeClass('addedClass');

here's a fiddle