2011-07-29 65 views
0

你好,我正在尋找一個腳本來顯示/隱藏一個div,我發現這個我調整了一點,但完美的作品。Autohide div onclick

$(function() { 
$(".activities a").click(function(e) { 
    $('.search').html('<center><img src="images/loading.gif" style="margin: 20px 0;" /></center>'); 
    $(".search").toggle().toggleClass("active"); 
    $('.search').load('someurlhere.php'); 
    e.stopPropagation(); 
}); 


$(document).click(function(e) { 
    $('.active').hide().removeClass('active'); 
}); 

$(".search").click(function(e) { 
    e.stopPropagation(); 
}); 

});

這將允許div內的任何鏈接稱爲活動來切換一個稱爲搜索的div。完美的作品,但我想知道如何使這個通用即該腳本適用於任何鏈接?我是否必須創建一個函數並將其分配給鏈接?

回答

2

你可以綁定到body元素

$("#title").click(function(event){ 
    $("#mailbody").toggle(); 
    event.stopPropagation(); 
}); 

$("body").click(function(){ 
    $("#mailbody").hide(); 
}); 
+0

喜戴夫,感謝您的答覆!我試過了你的腳本,但它正在工作。我希望它現在的工作方式與現在完全一樣,但只有當您單擊標題標籤但屏幕上的任何位置時纔會消失,除非您單擊滾動條來滾動頁面! –

+0

嗨Jay對不起,我對你的評論有點困惑,當用戶點擊頁面上的任何地方,即身體,你想要mailbody切換或只是隱藏?或者這個解決方案對你來說根本不起作用? – Dave

+0

我只是想要隱藏起來!你點擊名爲'標題'的項目來打開它......但你可以點擊'標題'或正文來關閉它 –