左側收縮菜單，點擊菜單外任意地方菜單收縮

左側是收縮菜單欄，需要點擊菜單欄以外的地方，左側菜單欄全部收縮。如圖

這個主要是看對jquery方法掌握的怎么樣了，其實不難，重要的是使用jquery中not()方法，實現方法如下（只是一個簡單的實現）：

<ul class="bor">
　　<li>
　　　　<h3>第一個tab</h3>
　　　　<ul>
　　　　　　<li>11</li>
　　　　　　<li>11</li>
　　　　　　<li>11</li>
　　　　</ul>
　　</li>
　　<li>
　　　　<h3>第二個tab</h3>
　　　　<ul>
　　　　　　<li>22</li>
　　　　　　<li>22</li>
　　　　　　<li>22</li>
　　　　</ul>
　　</li>
　　<li>
　　　　<h3>第三個tab</h3>
　　　　<ul>
　　　　　　<li>11</li>
　　　　　　<li>11</li>
　　　　　　<li>11</li>
　　　　</ul>
　　</li>
</ul>

js:

<script>
　　$('.bor').click(function(e){
　　　　e.stopPropagation();
　　});
　　$(".bor h3").on("click",function(e){
　　　　e.stopPropagation();
　　　　$(this).siblings().toggle();
　　});
　　$('body').not('.bor').click(function(){
　　　　$('.bor ul').hide();
　　});
</script>