javascript - 下拉特定列表上的内容

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做到这一点？请任何帮助都可以，只是一个简单的向下滑动+向上滑动效果

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