1

ここにコードサンプルがあります

アコーディオンが閉じると色が黄色に戻ります。

「サンプルでは、​​赤をクリックしてタブを閉じると、色が黄色に変わります」

$("#accordion > li").click(function(){
  $('.active').removeClass('active');

  $(this).addClass('active');
    if(false == $(this).next().is(':visible')) {
        $('#accordion > ul').slideUp(300);
    }
    $(this).next().slideToggle(300);
});

var animationIsOff = $.fx.off;
$.fx.off = true;
$('#accordion > li:eq(0)').click()
$.fx.off = animationIsOff;
4

1 に答える 1

1

無条件にクラスを追加するのではなく、クラスを切り替えます。ここにデモンストレーションがあります：

$("#accordion > li").click(function () {
    $('.active').not(this).removeClass('active');

    $(this).toggleClass('active');

    if (false == $(this).next().is(':visible')) {
        $('#accordion > ul').slideUp(300);
    }

    $(this).next().slideToggle(300);
});
于 2013-01-07T08:55:53.277 に答える