打開一個手風琴點擊列表中的

Question

的第一個項目時，我有一個列表，像這樣：

<ul> 
    <li><b>My Title</b>:</li> 
    <li class="subtitle">Subtitle 1</li> 
    <li class="subtitle">Subtitle 2</li> 
    <li class="subtitle">Subtitle 3</li> 
</ul> 

所在類別的「字幕」是顯示：在默認情況下none'ed。當我點擊列表中的第一個元素「我的標題」時，我希望其他人滑動打開（然後再次點擊時再打開）。有什麼辦法可以做到這一點？ JS或jQuery將做

小提琴爲了您的方便：http://jsfiddle.net/at5gegme/1/

Answer 1

是的，你可以做這樣的事情：

$('li').click(function(){ 
    var $nxt = $(this).next('.subtitle'); 
    $('.subtitle').not($nxt).slideUp('slow'); 
    $nxt.slideDown('slow'); 
}); 

FIDDLE DEMO

Answer 2

$('ul').on('click', 'li', function() { 
    $(this).siblings().slideToggle(); 
}); 

http://jsfiddle.net/at5gegme/11/

Answer 3

你可以使用jQuery和代碼如

$(document).ready(function(){ 
    $("#title").click(function(){ 
    $(".subtitle").slideDown(); 
    }); 

    $(".subtitle").click(function(){ 
    $(".subtitle").slideUp(); 
    }); 
    }); 

和定製根據您的需要