jQuery ui手風琴活動類

Question

我有一個基於jQuery UI插件的簡單手風琴。 該插件可以正常工作，但我想在clickable元素（打開/關閉內容）上添加一個類，以便可以使用不同的樣式。

這是該功能的粗略但實用的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')
});
});