点击显示隐藏盒子函数

示例：（手机导航栏）

 

<header>
<div class="logo"></div>
<p class="text">微蜂传媒</p>
<div class="nav_btn" onclick="showHide('.dropdown_menu')"></div>
<div class="dropdown_menu">
<ul class="clearfix">
<li><a href="#">社会奇闻</a></li><li><a href="#">搞笑段子</a></li><li><a href="#">饮食男女</a></li><li><a href="#">养生秘方</a></li><li><a href="#">情感美文</a></li><li><a href="#">心灵鸡汤</a></li><li><a href="#">两性夜话</a></li><li><a href="#">娱乐八卦</a></li><li><a href="#">流行风尚</a></li><li><a href="#">野史秘闻</a></li><li><a href="#">军事解密</a></li><li><a href="#">科技之光</a></li>
</ul>
</div>
</header>

 

 

js：

//点击显示隐藏制定div
function showHide(objId){
if ($(objId).is(":hidden")) {
$(objId).show();
} else {
$(objId).hide();
}
}