打开一个手风琴点击列表中的

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(); 
    }); 
    }); 

和定制根据您的需要