html中怎么让一个div显示或隐藏,怎么让一个div显示一个div隐藏?

让一个div显示一个div隐藏的方法如下(代码的规格写法只能这样)：

1、HTML代码如下：

• menu0
• menu1
• menu2
• menu3
• menu4
• menu5
• menu6
• menu7

d0

d1

d2

d3

d4

d5

d6

d7

2、CSS代码：

.point{

float: left;

list-style: none;

}

.point li{

margin-bottom: 10px;

}

.box{

float: right;

margin-right: 500px;

}

.box div{

width: 500px;

height: 200px;

border: 1px solid green;

display: none;

}

.box .con0{

display: block;

}

3、Javascript代码：

$(document).ready(function(){

$(".point li a").click(function(){

var order = $(".point li a").index(this);//点击之后可以返回当前a标签index的值

$(".con" + order).show().siblings("div").hide();

});

})