js点击按钮显示或隐藏内容

js点击按钮显示或隐藏内容,可以做手机版的菜单功能,比较方便.

js代码

<script type="text/javascript">
window.onload=function(){
  var obt=document.getElementById("all");
  var odiv=document.getElementById("menu");
  obt.onclick=function(){
    if(odiv.style.display=="none"){
      odiv.style.display="block";
      obt.value="隐藏模块";
    }
    else{
      odiv.style.display="none";
      obt.value="显示模块";
    }
  }
}
</script>

 

html代码

<div id="all">菜单</div>
<div id="menu" style="display:none;">
<ul>
<li>首页</li>
<li>产品</li>
<li>资讯</li>
</ul>
<div>