让一个div显示一个蟠校盯昂div隐藏的方法如下（代码的规格写法只能这样）：
HTML代码如霍丶魇汜下：
<body>
<ulclass="point">
<li><ahref="#">menu0</a></li>
<li><ahref="#">menu1</a></li>
<li><ahref="#">menu2</a></li>
<li><ahref="#">menu3</a></li>
<li><ahref="#">menu4</a></li>
<li><ahref="#">menu5</a></li>
<li><ahref="#">menu6</a></li>
<li><ahref="#">menu7</a></li>
</ul>
<divclass="box">
<divclass="con0">d0</div>
<divclass="con1">d1</div>
<divclass="con2">d2</div>
<divclass="con3">d3</div>
<divclass="con4">d4</div>
<divclass="con5">d5</div>
<divclass="con6">d6</div>
<divclass="con7">d7</div>
</div>
</body>
CSS代码：
.point{
float:left;
list-style:none;
}
.pointli{
margin-bottom:10px;
}
.box{
float:right;
margin-right:500px;
}
.boxdiv{
width:500px;
height:200px;
border:1pxsolidgreen;
display:none;
}
.box.con0{
display:block;
}
Javascript代码：
$(document).ready(function(){
$(".pointlia").click(function(){
varorder=$(".pointlia").index(this);//点击之后可以返回当前a标签index的值
$(".con"+order).show().siblings("div").hide();
});
})
