JQuery переключения индивидуально

Question

Мой HTML-то вроде этого:

<a class="tableheadlink" href="#">Impressions</a> <a href="#"><img src="images/table-sort.png" alt="" /></a> 
<div class="filter-head"> 
    <form> 
     <select name="website" class="rounded-all no-padding"> 
      <option value="opt1">&gt;</option> 
      <option value="opt2">&lt;</option> 
      <option value="opt3">=</option> 
     </select> 
     <input name="q" type="text" class="rounded-all small"> 
    </form> 
</div> 

JQuery что-то вроде этого:

 $(".filter-head").hide(); 
     $("a.tableheadlink").click(function(){ 
      $(".filter-head").toggle(); 
      return false; 
     }); 

Как я сказать ему, чтобы переключить каждое мгновение раздела HTML в отдельности? На странице есть около 10 экземпляров, и переключатель переключит все, используя мой код.

Благодаря

Answer 1

Вы должны найти .filter-head вы хотите relative к this, например:

$(".filter-head").hide(); 
$("a.tableheadlink").click(function(){ 
    $(this).nextAll(".filter-head:first").toggle(); 
    return false; 
}); 

Что это делает идти от this затем использует .nextAll() с селектором класса и получает :first один он сталкивается с переключением. Причиной для .nextAll() вместо .next() является то, что есть другая связь между ними.