Javascript 如何设置页面加载时关闭扩展菜单
我有一个div,它可以在单击时展开,但我无法确定如何在页面关闭时将其设置为未展开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
<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 = " - ";
} else {
tag.display = "none";
tagicon.innerHTML = " + ";
}
}
</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')">