jquery - 用手风琴叠加

时间:2013-01-07 05:32:03

标签: jquery

我在fiddle

中找到了 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();

1 个答案:

答案 0 :(得分:0)

创建一个类active样式..并在点击时将此(active)类添加到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;
}

fiddle此处