2011-08-18 59 views
3

容器最初隱藏。點擊關閉開啓容器

集裝箱的 「.myclass」 單擊時打開。

容器應保持打開,直到點擊任何東西! 「.container」之外。

容器也應該密切,當「.myclass」‘DIV CLASS =‘MyClass的’’的內部

元素點擊不完全重疊父div中,因此用戶可以點擊父格或任何元素裏面(取決於點擊位置)。

問題在這裏:「.container」一旦打開就會立即關閉。

下面的代碼。

回答

4
$(".myclass").click(function(){ 

    var target = $('.container'); 
    if(target.is(':hidden')) { 
     $(".container").slideDown("fast"); 
    } else { 
     $(".container").slideUp("fast"); 
    } 
}); 

$(document.body).click(function(){ 
    $(".container").slideUp("fast");  
}); 
$(".container, .myclass").click(function(event){ 
    event.stopPropagation(); 
}); 
+0

謝謝大家幫忙 – Jeffz

+0

沒問題,很高興它的工作 – rickyduck