Переключение только этот пункт

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