fade在div或表单中取决于单击表单

Question

我使用一个表单，其中元素隐藏或显示取决于复选框中的单击，它工作正常

http://jsfiddle.net/QEG5a/9/

现在，如果选中其中一个复选框，我将尝试淡入另一个div /表单，但没有任何反应，有人知道为什么吗？

$('input:checkbox','.checkbox_container').click(function() {
   var checked = $(this).prop('checked');
   $.each($(this).data("connect").toString().split(","), function(index, value) { 
   var item = '#item'+value;
   (checked) ? $(item)
       .fadeOut()
       .find("input:checked")
       .removeAttr("checked")
   : $(item).fadeIn()  ;
   if (value == 1){
       $('#myform')
         .html(item) //just for any output
         .fadeIn(); 
  }
});
});

非常感谢

坑

Answer 1

你必须使用类选择器（.className），而不是id（#id）：

if (value == 1){
    $('.myform')
        .html(item) //just for any output
        .fadeIn(); 
}

Answer 2

你的选择器不正确，你的div的样式为fadeIn效果。

风格：

<div class='myform' style="display:none"></div>

选择器：

$('.myform')