html:
<!--菜单-->
<div class="menu">
<span class="active">热门</span>
<span class="">帮你解答</span>
<span class="">帮你识图</span>
<span class="">我要分享</span>
</div>
<div class="box">
<div class="box1"></div>
<div class="box2"></div>
<div class="box3"></div>
<div class="box4"></div>
</div>
jq:
$(".menu span").click(function(){
var page=$(this).index(); $(this).addClass("active").siblings().removeClass("active");
$(".box").children(":eq("+page+")").show().siblings().hide();
})