jquery - 使用 jQuery 单独切换 div 可见性

Question

我有一个简单的 jQuery 函数，可以在单击时切换 div 的可见性。该功能的问题在于它不能应用于同一页面上的多个项目，或者它们都串联切换。有没有办法解决这个问题，而不必为每个实例分配唯一的类？

jQuery:

 $(function(){
    $(".toggleThis").click(function(){
         $(".hiddenText").slideToggle("fast");
            $(this).html(function(i,html) {
                if (html.indexOf('+') != -1 ){
                   html = html.replace('+','-');
                } else {
                   html = html.replace('-','+');
                }
                return html;
            })
    });
}); 

html:

<p class="toggleThis">Blah blah + <p>
<div class="hiddenText">
<p>Blah blah</p>
</div>

CSS:

.hiddenText {display: none;}

谢谢!

Answer 1

而不是这个:

 $(".hiddenText").slideToggle("fast");

使用这个:

 $(this).next(".hiddenText").slideToggle("fast");

此方法相对于单击的元素(使用 .next() )查找它，而不是所有 class="hiddenText"。如果中间有不在您的示例中的元素，请使用 .nextAll(".hiddenText:first")相反。