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的 - 手風琴

回答

相關問題