这可能是一个非常愚蠢的问题,答案很明显,我认为我使用 slideToggle 可能是错误的,但我不知道该怎么做。
本质上,我希望用户单击不同的标题以仅隐藏/显示下面的段落。目前,如果您单击任何标题,它会显示所有隐藏的段落。
这是我目前使用的代码:
<a href="#"><div class="contenthead">
Click here
</div></a>
<p class="content"> Lorem ipsum dolor</p>
<a href="#"><div class="contenthead">
Click here now
</div></a>
<p class="content"> Lorem ipsum dolor sit amet, consectetur adipiscing</p>
<script>
$('.contenthead').click(function() {
$('.content').slideToggle('slow', function() {
// Animation complete.
});
});
</script>
请问有什么办法可以做到这一点吗?