示例：（手機導航欄）

?

<header>
<div class="logo"></div>
<p class="text">微蜂傳媒</p>
<div class="nav_btn" οnclick="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();
}
}

轉載于:https://www.cnblogs.com/LChenglong/p/6668834.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的点击显示隐藏盒子函数的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。