jQuery的 - 手风琴

栈我有jQuery的，HTML，CSS在fiddle发现代码jQuery的 - 手风琴

有人知道如何添加激活状态，您的答复是有很大的帮助。

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

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

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

来源

2013-01-07 jhunlio

什么叫激活状态是什么意思？你想突出选定的选项卡或什么？ –

谢谢你的回复先生，我想要的是，如果手风琴是开放的#accordion“李”的背景颜色将改变。你可以访问我的示例先生http://jsfiddle.net/jhunlio/tyeKJ/2/ – jhunlio

谢谢巴萨姆Mehanni与伟大的答案我有一个关注先生。我想要一个选项卡将打开默认http://jsfiddle.net/jhunlio/tyeKJ/6/时，选项卡显示的颜色也改变。再次感谢您的回复是一个很大的帮助。 – jhunlio

你可以只添加一个类的点击选项卡

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/

来源

2013-01-07 05:51:17

创建一个类active风格它..并点击添加此（active）类李。

试试这个...

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这里

来源

2013-01-07 05:55:36 bipen

jQuery的 - 手风琴

回答

相关问题