2012-12-24 63 views
1

我嘗試用簡單的代碼創建簡單的手風琴菜單。當滑動時添加類電流

這是我Jsfiddle

$('li').click(function(ev) { 
    $(this).find('>ul').slideToggle(); 
    ev.stopPropagation(); 
}); 

我的問題是如何current類添加到父李當了slideDown,類似下面:

<ul> 
    <li class="current"> 
     level 2 

,當滑蓋合上刪除current類。

+1

你有沒有考慮jQuery UI的手風琴插件? http://jqueryui.com/accordion/ – ryan

+0

@ryan謝謝..我知道我們可以在網上找到很多..但我試圖瞭解它如何與小代碼片..希望你明白 – rusly

回答

3

基於你的小提琴,這將成爲訣竅。

$('li').click(function(ev) { 
    $(this).find('>ul').slideToggle('slow', function(){ 
     $(this).parent().toggleClass('current'); 
    }); 
    ev.stopPropagation(); 
});​ 

並配有彩色背景的那個例子here is a fiddle可視化.current

+0

謝謝..工作像一個魅力 – rusly

相關問題