jquery - 非アクティブ状態の Jquery アコーディオン調整

Question

こんにちは、私はこの単純なアコーディオンを選択すると背景色を変更し、選択を解除すると白に戻るように設定しています...アクティブをクリックしてアコーディオンを閉じても背景が元に戻らない場合を除いて、うまく機能します...感謝

<script type="text/javascript">
$j(".accordion > dt").click(function(){
    if(false == $j(this).next().is(':visible')) {
        $j('.accordion dd').slideUp(300);
        $j('.accordion dt').css('backgroundColor','#ffffff');
    }
    $j(this).next().slideToggle(300);
    $j(this).css('backgroundColor','#EE178C');
});
</script>

Answer 1

私が一緒に投げたこのjqueryプラグインはそれを行う必要があります:

    (function ( $ ) {
     var backgroundColorToggleStatus = null;
    $.fn.backgroundColorToggle = function(one,two) {
        return this.each(function(){
                if (backgroundColorToggleStatus == one)
                    backgroundColorToggleStatus = two;
                else if (backgroundColorToggleStatus == two)
                    backgroundColorToggleStatus = one;
            else{
                    backgroundColorToggleStatus = one;
            }
            $(this).css("backgroundColor",backgroundColorToggleStatus);
        });
    };

}( jQuery ));

この.backgroundColorToggle("#fff","#000");ように呼び出すだけです。