Question

当涉及到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

Answer 1

yakutsa说了什么，但是为了回答你的问题，你可以继续使用Jquery，并使用.addClass('addedClass')结束你想要改变的任何一个。

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

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

宽度css

.addedClass {
    background: red;
}

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

here's a fiddle

努力为faq手风琴添加活跃的类/状态

1 个答案: