Question

请问一个jQuery选项卡怎么写啊？

请问大神们一个jQ问题，就是默认#tabs下面的所有div都显示。点击li.tab1，#tabs里只显示.tab1,其他隐藏，点击li.tab2，#tabs里只显示.tab2,其他隐藏，点击li.tab3同理。 点击li.all，全部显示。同时被点击的li元素添加一个class，并移除之前被点击的li元素添加的class。希望大神指点，不胜感激啊！
<div>
<ul>
<li class="all">全部</li>
<li class="tab1">选项卡1</li>
<li class="tab2">选项卡2</li>
<li class="tab3">选项卡3</li>
</ul>
<div id="tabs">
<div class="tab1"></div>
<div class="tab1"></div>
<div class="tab2"></div>
<div class="tab3"></div>
<div class="tab2"></div>
<div class="tab3"></div>
<div class="tab3"></div>
</div>
</div>

Answer 1

首先如题，你的class必须是一 一对应的，就是说按钮是的class是tab1，那么与之对应的div里面也必须是tab1，如果不符合这点，以下jq代码不会生效，第二点，我给你的ul加了个id，方便选取元素。

html:

jq: