关闭页面上除切换内容以外的任何位置的div。

Question

我在和我正在切换的div做斗争，当我点击#togglesearch的id链接时，我所有的东西都运行得很好，但是我想要的是，当我点击页面上除已切换的div之外的任何位置时，都能关闭可见的div。

这是我目前拥有的：

    <script type="text/javascript">
jQuery(document).ready(function($){

jQuery('#togglesearch').click(function() {
        jQuery('.toggle-search').slideToggle('fast');
        return false;
    });
});
</script>

html很简单：

<a href="#" id="togglesearch">Slide Toggle</a>

<div class="toggle-search" style="display:none;">
<ul>
<li><a href="#">Link One</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
</ul>
</div><!-- end toggle content -->

切换搜索是正在切换的div，但我不希望它关闭，如果我单击该div，就在页面上的任何其他地方。

谢谢你。

Answer 1

给它和id =‘切换-搜索’，并尝试这段代码。

​

$('body').click(function(evt){    
       if(evt.target.id == "toggle-search") {
	   return;
	}else if(evt.target.id == "togglesearch") {
	  // toggle here
           jQuery('.toggle-search').slideToggle('fast');
	} else {
           jQuery('.toggle-search').slideUp('fast');
}
});

​