javascript - 努力将事件类/状态添加到常见问题 Accordion

Question

我在 Javascript 方面相当业余，因此我将其发布在这里。我花了很多时间寻找答案，但似乎找不到。

我在 jsfiddle 上创建了一个 FAQ Accordion，但我终生无法让它在扩展选项卡时添加事件类/状态，以便我可以适本地应用样式。

如果有人能提供任何帮助，我们将不胜感激:)

 $(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

Answer 1

yakutsa 所说的，但要回答您的问题，您可以继续使用 Jquery 并使用 .addClass('addedClass') 到您想更改的任何内容的末尾。

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

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

宽度CSS

.addedClass {
    background: red;
}

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

here's a fiddle