チェックボックスがチェックされたときに表示されない非表示のdivブロックを表示するJquery

Question

チェクボックスがチェックされていないときに、チェックボックスに関連付けられたdivブロックがクリックされて非表示になっていることを示すjquery関数があります。 各チェックがクリックされると、選択したdivがckecboxに関連付けられて表示されます。私がチェックし、そのはtehの隠されたdiv要素

を示していないオフ時にCurretly私はここに、この

$(this).find(".filterBlock").show(); 

を使用してみました私のコードとfiddleあなたが使用することができます

$(document).ready(function(){ 
     $(".filterBlock").hide(); 
    //fitlers 
    $(".checkbox-container :checkbox").click(function() { 
     $("div.filterBlock").hide(); 
     $(".checkbox-container :checkbox:checked").each(function() { 
      alert($(this).val()); 
     // $(this).show(); 

      $(this).find(".filterBlock").show(); 
     }); 
}); 


}); 

Answer 1

です：

$(".filterBlock").hide(); 
$(".checkbox-container :checkbox").click(function() { 
    $(this).closest('.row').next('.row').find('.filterBlock').toggle() 
}); 

jsFiddle example