Question

jQuery怎么实现tab页切换效果

Answer 1

<style>
.con li{display: none;}
</style>
<div class="nav">
    <span>按钮一</span>
    <span>按钮二</span>
    <span>按钮三</span>
</div>
<ul class="con">
    <li>内容aaa</li>
    <li>内容bbb</li>
    <li>内容ccc</li>
</ul>

$(function(){
    $('.con li').eq(0).show() //第一个li显示
    $('.nav span').click(function(){
        var ind = $('.nav span').index(this);
        $('.con li').eq(ind).show().siblings('li').hide();
    })
})

Answer 2

可以用jquery.tab插件。也可以直接写