Fatal编程技术网
  • javascript/
  • Javascript 如何设置页面加载时关闭扩展菜单

Javascript 如何设置页面加载时关闭扩展菜单

javascript html css drop-down-menu

Javascript 如何设置页面加载时关闭扩展菜单,javascript,html,css,drop-down-menu,expando,Javascript,Html,Css,Drop Down Menu,Expando,我有一个div，它可以在单击时展开，但我无法确定如何在页面关闭时将其设置为未展开 <script> function toggleDiv(id1,id2) { var tag = document.getElementById(id1).style; var tagicon = document.getElementById(id2); if(tag.display == "none") { tag.dis

我有一个div，它可以在单击时展开，但我无法确定如何在页面关闭时将其设置为未展开

        <script>
     function toggleDiv(id1,id2) {
      var tag = document.getElementById(id1).style;
      var tagicon = document.getElementById(id2);

      if(tag.display == "none") {
       tag.display = "block";
       tagicon.innerHTML = "&nbsp;-&nbsp;";
      } else {
       tag.display = "none";
       tagicon.innerHTML = "&nbsp;+&nbsp;";
      }
     }
</script>
正如您所见，下拉菜单允许用户更改网站的背景色。我想知道是否有可能创建一个cookie来存储更改，以便在用户选择颜色之前不会先默认为白色背景

谢谢堆栈溢出（：

非常感谢您的帮助。

我确信您的html页面上有一个正文。只需添加一个如下所述的函数。它可以工作。我已经测试过了

<body onLoad="toggleDiv('content1','icon1')">
是的，JS能够读/写cookie。谢谢！现在我只需要创建一个cookie来存储背景颜色选择？我想这也可以在JS中完成吗？ 
.title {
      padding:5px; 
      border:1px solid #CCCCCC;
      font:15px arial; 
      width:100px; 
      cursor:pointer;
      height:20px;
     }

     .item {
      padding:5px; 
      border:1px solid #CCCCCC; 
      font:12px verdana; 
      width:100px;
     }

     .item div {
      border-bottom:1px solid #CCCCCC;
      padding:5px;
     }

     .button {
      border:1px solid #CCCCCC; 
      padding:5px;
      cursor: pointer;
     }

<body onLoad="toggleDiv('content1','icon1')">