在制作zblog模板或者其它模板的時候，經常會用到點擊下拉菜單，比如手機端菜單，或者PC端搜索圖標點擊顯示搜索框！

如果使用css去寫下拉也可以，但在手機端不是很適用，目前css點擊展開后再次點擊不能正常收回。

所以推薦下方的JS代碼，即插即用，比較簡單，特效可以用css3寫。

模板代碼：

<div class="nav">
      <span class="mnav"><a onclick="Show_Hidden(tr1)"></a></span> /* tr1 */
      <ul class="layui-nav" id="tr1">/*id tr1*/
        {module:navbar}
      </ul>
    </div>

javascript：

//javascript代碼：
function Show_Hidden(trid){
    if(trid.style.display=="block"){
        trid.style.display='none';
    }else{
        trid.style.display='block';
    }
}

注意： 如果點擊后才顯示，請記得事先寫入css隱藏！