下拉特定列表中的内容

时间:2013-02-28 14:22:59

标签: javascript jquery

需要帮助

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

<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做到这一点?请任何帮助,只需一个简单的滑动+滑动效果

2 个答案:

答案 0 :(得分:2)

通过搜索来解决这个问题应该是微不足道的,并且需要付出很多努力,但无论如何我都会回答:

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

ID是唯一的,它可能需要包装在document.ready中,jQuery必须包含在网站上?

答案 1 :(得分:0)

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