jQuery ui 手风琴活动类

Question

我有一个基于 jQuery UI 插件的简单手风琴。该插件可以正常工作，但我想在可点击元素（打开/关闭内容）上添加一个类，以便我可以设置不同的样式。

这是功能的粗略但实用的 CodePen 版本：

http://codepen.io/moy/pen/dXObjX

这是我的标记结构：

<div class="mount accordion">

    <div class="hgroup accordion__toggle">
        <h3 class="hgroup__title">Course 1</h3>
    </div>

    <div class="accordion__content">
        <!-- Hidden content in here -->
    </div>
</div>

还有我的javascript：

$(document).ready(function($) {
    $('.accordion').find('.accordion__toggle').click(function(){

        // Expand or collapse this panel
        $(this).next('.accordion__content').slideToggle(200);
    });
});

目前所有面板都是默认打开的，除非.hidden 类被添加到.accordion__content。

谢谢，希望有人能帮忙！

Answer 1

试试下面的方法：

$(document).ready(function($) {
$('.accordion').find('.accordion__toggle').click(function(){

    // Expand or collapse this panel
    $(this).next('.accordion__content').slideToggle(200);

    //toggle class
    $(this).toggleClass('classname')
});
});