下拉内容的特定列表

Question

上需要帮助这个请

需要这个当点击它滑下的内容，再次点击时向上滑动

<li>...</li>  
<li>...</li> 
<li id="with-content"><a href="#">Click here</a> 
<div class="content">Some div here Some div here Some div here</div> 
</li> 

只有特定列表，而不是所有的列表需要显示内容或隐藏幻灯片效果

我该如何做到这一点与jQuery的？请任何帮助会做，只是一个简单了slideDown +效果基本show效果

Answer 1

这应该是微不足道的与搜索弄清楚，并花一点心思去长的路，但无论如何，我会回答：

$('#with-content a').on('click', function(e) { 
    e.preventDefault(); 
    $(this).closest('li').find('.content').slideToggle(600); 
}); 

ID是唯一的，它可能需要包装在document.ready中，并且jQuery必须包含在网站中？

Answer 2

$('#with-content a').on('click', function(e) { 
    e.preventDefault(); 
    $('#with-content').toggle(); 
});