된 div를 닫고 모두 해제 할 때 래퍼 자동 내가 트위터 부트 스트랩 경고가 기각 사용하여 시도

Question

<div class="wrapper"> 
    <div class="box1"> 
    <p>Content Here</p> 
    <button type="button" class="close">Close Box1</button> 
    </div> 

    <div class="box2"> 
    <p>Content Here</p> 
    <button type="button" class="close">Close Box2</button> 
    </div> 
    <div class="box3"> 

    <p>Content Here</p> 
    <button type="button" class="close">Close Box3</button> 
    </div> 

</div> 

http://jsfiddle.net/isherwood/KeChx

기각되어 있지만 그것은 단지 닫기 버튼 BOX1 안에 예를 들어, 을 1 외부 div 태그를 닫고 나는 바깥 div.wrapper를 닫고 싶다.

내가 무엇을 후 해요 것은 ../개별적으로 한 번 그들 모두의 BOX1, BOX2, box3을 기각 /를 div.wrapper가 자동으로 너무 가까이 기각 될 것이다 해산 종료 할 수있다

어떤 생각을 어떻게 할 수 있습니까?

내가 여기 검색을 시도했지만 내가 발견 대부분의 내가 팝업을 할 필요가 없습니다이 상자 때문에 필요하지 않은 가까운 기능을 가진 팝업입니다 .. 사전에

감사합니다 사람

Answer 1

가 아닌 모달 요소 작업 data-dismiss을받을 수 있습니다,하지만 자신의 jQuery 기능을 수행하는만큼 쉽게 :

http://jsfiddle.net/isherwood/KeChx/6

$('.close').click(function() { 
    $(this).parent('div').slideUp(); 
}); 

을 이 경우

는 비어되면 부모 요소를 기각 할 이유가 없지만, 당신은 확실히이 좋아 수 :

$('.close').click(function() { 
    $(this).parent('div').slideUp(); 

    if (! $('.wrapper > div')) { 
     $('.wrapper').hide(); 
    } 
}); 

여기 행동 위의 예입니다. 아이 카운트가 명확하지 않게 2 이하가되면 부모 .wrapper을 닫도록 설정했습니다.

function closeEmptyWrapper() { 
    var divCt = $('.wrapper').find('div').not(':hidden').size(); 

    if (divCt < 2) { 
     $('.wrapper').fadeOut(); 
    } 
} 

$('.close').click(function() { 
    $(this).parent('div').slideUp('', closeEmptyWrapper); 
});