js切换div css注意的细节

附上代码：
复制代码 代码如下:






#contentmenu1{
width:100%;
clear:both;
height:800px;
}


.content{
width:30%;
height:190px;
float:left;
margin-left:2%;
margin-top:10px;
}

.content-top{
width:100.5%;
height:24px;
float:left;
}

.content-top-left{
width:1%;
height:24px;
float:left;
background-image: url(images/module_head_bg_left.png);
background-position:left;
}

.content-top-right{
width:99%;
height:24px;
background-image: url(images/module_head_bg_right.png);
float:left;
background-position:right;
}

.content-bottom{
width:100%;
height:150px;
float:left;
border:solid 1px #83ACCF;
}

#contentmenu2{
width:100%;
border:solid 1px;
height:800px;
float:left;
}

#contentmenu3{
width:100%;
border:solid 1px;
height:800px;
float:left;
display:none;
}

#contentmenu4{
width:100%;
border:solid 1px;
height:800px;
float:left;
display:none;
}

• 计划的执行


• 战略资源


• 项目地图


• 项目分析

第三块



第四块





问题：点击了

战略资源

这个的时候 ‘contentmenu2′这个div还是不显示出来？
用jQuery可以直接解决这个问题，如下的代码：
HTML code:
复制代码 代码如下:







#contentmenu1 { width: 100%; clear: both; height: 800px; }
.content { width: 30%; height: 190px; float: left; margin-left: 2%; margin-top: 10px; }
.content-top { width: 100.5%; height: 24px; float: left; }
.content-top-left { width: 1%; height: 24px; float: left; background-image: url(images/module_head_bg_left.png); background-position: left; }
.content-top-right { width: 99%; height: 24px; background-image: url(images/module_head_bg_right.png); float: left; background-position: right; }
.content-bottom { width: 100%; height: 150px; float: left; border: solid 1px #83ACCF; }
#contentmenu2 { width: 100%; border: solid 1px; height: 800px; float: left; display: none; }
#contentmenu3 { width: 100%; border: solid 1px; height: 800px; float: left; display: none; }
#contentmenu4 { width: 100%; border: solid 1px; height: 800px; float: left; display: none; }

• 计划的执行


• 战略资源


• 项目地图


• 项目分析

第三块



第四块