将切换应用于每个锚标记的问题

Question

我正试图单击 " 每个 "项目,这是一个.toggleDiv单独切换的项目,而不是一次全部切换.

现在点击的.toggleDiv只需点击一下即可展开.fullSaintDescw 内的所有元素,这就是我不想要它做的事情 - 我想要的是EACH元素,它有一个.toggleDiv扩展.fullSaintDesc但不是全部的类.

如果您觉得我的问题的标题不清楚我要问的内容,请随时编辑它.

$(document).ready(function() {     
    $(".toggleDiv").click(function(){
        $(".fullSaintDesc").toggle();return false;
    });   
});

HTML

这些类正在整个页面中使用 - 我希望每个.toggleDiv都可以自行扩展而不是一次点击.

<p>
  <a class="toggleDiv" href="#">Click here to read more</a>
</p>
<div class="fullSaintDesc">
  <p>blah blah blah </p>
</div>
<!-- eo : fullSaintDesc -->

Answer 1

将其更改为:

 $(".toggleDiv .fullSaintDesc").click(function(){
    $(this).toggle();
 });

没有看到html结构,我只能猜测,但这应该工作:

 $(".toggleDiv").click(function(){
    $(this).find('.fullSaintDesc').toggle();
 });

编辑3:反映上次更新:(如果一致)

 $(".toggleDiv").click(function(){
    $(this).parent().next('.fullSaintDesc').toggle();
 });