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')
});
});