jquery - 含まれている画像に基づくjqueryトグル

Question

.defaultクラスのある画像がDOMにあるときにブロックを表示しようとしていますが、ページが読み込まれるときにを非表示.fullにする必要があります。.delトグルが正しく機能していないため、これを機能させる方法に関する提案。

$(document).ready(function() {
    $('.itemcontrols .full').css("display", "none");
    $('.itemcontrols .del').css("display", "none");

    var toggle = $('.item .default');

    if (toggle.length > 1) {
        $(toggle).parent().find('.itemcontrols .full').css("display", "block");
        $(toggle).parent().find('.itemcontrols .del').css("display", "block");   
    } else {

    }
});


<div class="item item1 ui-state-default">
    <img src="9228321128.png" alt="" class="default">     
    <div class="itemcontrols">
        <div id="add1">
            <img src="img/photo_24.png" class="icon">
        </div>
        <div class="full">
            <img src="img/resize_24.png" class="icon">
        </div>
        <div class="del">
            <img src="img/trash_24.png" class="icon">
        </div>
    </div>
</div>

また、すべての.item divに.defaultが含まれているわけではないことを追加する必要があるため、存在するかどうかに基づいて切り替えようとしています。

Answer 1

これを試して

if (toggle.length >= 1)

http://jsfiddle.net/ergec/aEkqY/