.box{width:300px;height:300px;}
.box span{display:block;float:left;width:100px;height:30px;text-align:center;line-height:30px;}
.box ul{width:300px;}
.box ul li{display:none;}
第1个
第2个
第3个
- 显示第一个
- 显示第二个
- 显示第三个
$(function(){
$(".box ul li").eq(0).show();
$(".box span").click(function(){
var ind = $(".box span").index(this);
$(".box ul li").hide();
$(".box ul li").eq(ind).show();
})
})