jQuery « ce » ne trouve pas les enfants

Question

donc je veux isoler l'élément directement sous le lien cliqué

donc par exemple ici est mon Jquery et si je clique sur le lien avec la baisse classe tous les liens sur la page qui fait glisser la classe drop_down vers le bas. Comment puis-je utiliser "ceci" ou quoi que ce soit pour isoler un seul à la fois.

$(document).ready(function(){ 
    $('.drop').click(function(){ 
     if($('.drop_down').is(':visible')) { 
      $('.drop_down').slideUp(); 
     } else { 
      $('.drop_down').slideDown(); 
     } 
    }); 
}); 

<li><a class="drop" href="#">Video Training</a></li> 
<li class="drop_down">Click on the links below to get some more information or to buy now <div>&nbsp</div> <a class="button" href="/training_dvds">More Info</a><a class="button" href="/pos_support/aldelo_training_dvd">Buy Now</a></li>      

Answer 1

.drop n'a pas d'enfants à l'exception d'un nœud de texte.

Si vous vouliez dire que vous voulez affecter le li.drop_down ci-dessous parent du lien, faites ceci:

$('.drop').click(function(){ 
    var $next = $(this).parent().next('li.drop_down'); 
    if($next.is(':visible')) { 
     $next.slideUp(); 
    } else { 
     $next.slideDown(); 
    } 
});