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

您可以将一个类添加到单击的选项卡

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/

Answer 2

创建一个类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;
}

在这里摆弄