Jquery显示选中复选框时未显示的隐藏div块

Question

我有这个jquery函数，当chekcbox未选中时，它会显示与复选框关联的div块被点击并隐藏。  单击每个检查时，如何显示与ckecbox关联的所选div。 Curretly当我检查并取消选中它没有显示隐藏的div元素

我尝试使用此

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