jquery点击复合隐藏显示内容

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script>
    $(function(){
     var _d = $('#d :checkbox');
        $('#p1').hide();
        _d.click(function(){
            if($('#d :checkbox:checked').length > 0){//id为'd'下边的复选框，并且选中的，的总个数大于0，也就是有选中的复选框
                $('#p1').show();
            }else{
                $('#p1').hide();
            }
        })
        $('#checkAll').click(function(){
            if($(this).is(':checked')){
                _d.attr('checked','checked');
                $('#p1').show();
            }else{
                _d.removeAttr('checked');
                $('#p1').hide();
            }
        })
    })
</script>
<input id="checkAll" type="checkbox">checkAll<br />
<div id='d'>
<input type="checkbox">1
</div>
<div id='e'>
<input type="checkbox">1
</div>
<div id='f'>
<input type="checkbox">1
</div>
<p id="p1">p tag</p>