仅切换此项

Question

我有一个问题，只能切换 (this) 1 'card'

$('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

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

$('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'); 
});

仅切换此项

Toggle only this item

html

javascript

jquery

toggle

slidetoggle