jquery - jquery - アコーディオンでスタック

Question

フィドルで見つかったjquery、html、cssコードがあります

誰かがアクティブ状態を追加する方法を知っています。あなたの返信は大きな助けになります。

$("#accordion > li").click(function(){

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

$('#accordion > ul:eq(0)').hide();

Answer 1

クラスactiveスタイル it.. を作成し、activeクリックすると this( ) クラスを li に追加します。

これを試して...

jquery

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

$('#accordion > ul:eq(0)').hide();

CSS

#accordion li.active{
  background-color: red;
}

ここでフィドル

Answer 2

クリックしたタブにクラスを追加するだけです

CSS:

#accordion li.active {
    background: red;
}

JavaScript:

$("#accordion > li").click(function(){
    //remove the 'active' class from the currently selected tab
    $('.active').removeClass('active'); 

    //assign the active class to the tab that was just clicked
    $(this).addClass('active');

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

$('#accordion > ul:eq(0)').hide();

http://jsfiddle.net/ZjBTk/