仅切换此项

Question

我有一个问题只能切换（这个）1'卡'

$('a[rel="toggle_comments"]').click(function(){
        
  var div = $('.comments');
  $(div, this).slideToggle('slow');
        
});

<!-- This is a example code -->

<section>
  <div class="mainclass">
    [...]
    <div class="select">
      <a href="#" rel="toggle_comments">Test</a>
    </div>
  </div>
  
  <ul class="comments">
    <!-- Content -->  
  </ul>
</section>

<section>
  <div class="mainclass">
    [...]
    <div class="select">
      <a href="#" rel="toggle_comments">Test</a>
    </div>
  </div>
  
  <ul class="comments">
    <!-- Content -->  
  </ul>
</section>

[...]

当我点击'toggle_comments'时，切换所有'.comments'类，不仅如此，我点击了。有人有什么想法吗？

抱歉我的英语不好。 我希望你明白我的意思 - 谢谢： - ）

Answer 1

如果您只想切换链接所在的.comments标记下的<section>，请执行以下操作：

$('a[rel="toggle_comments"]').click(function(){
  // find the closest section tag (parent) and find all child `.comments`
  var $comments = $(this).closest('section').find('.comments');
  $comments.slideToggle('slow'); 
});

如果您想切换所有.comments：

$('a[rel="toggle_comments"]').click(function(){
  $('.comments').slideToggle('slow'); 
});