js，那个网站有类似的效果，或者这种效果怎么写啊？就是点击02，变内容的效果

Question

如题所述

Answer 1

div{ width:300px;}
.small{ height:30px; background:#930; border:#0F0 solid 1px;}
.big{ height:50px; background:#9C0; display:none;}
<ul class="huadong"><li>
<div class="big" style="display:block" >hhhhhhhhh</div>
<div class="small" style="display:none">sssssss</div>
</li><li>
<div class="big">uuuuuuuu</div>
<div class="small">sssssss</div>
</li>
<li>
<div class="big">uuuuuuuu</div>
<div class="small">sssssss</div>
</li>
</ul>
$('.huadong li').mouseover(function(){
var index=$(this).index();
$('.huadong .big').hide().eq(index).show();
$('.huadong .small').show().eq(index).hide();

})
做了个模拟 具体样式要自己加