做模板有時用的js效果太多，系統(tǒng)有的盡量不額外寫。

選項：

<a href="javascript:;" id="sub_box_1" class="on" onclick="switchTab('sub_box',1,3,'on');">選項1</a>
<a href="javascript:;" id="sub_box_2" onclick="switchTab('sub_box',2,3,'on');">選項2</a>
<a href="javascript:;" id="sub_box_3" onclick="switchTab('sub_box',3,3,'on');">選項3</a>
復(fù)制代碼
容器：

<div class="List-item-box" id="sub_box_c_1">內(nèi)容1</div>
<div class="List-item-box" id="sub_box_c_2" style="display:none">內(nèi)容2</div>
<div class="List-item-box" id="sub_box_c_3" style="display:none">內(nèi)容3</div>
復(fù)制代碼
第一個選項加選中class、第一個容器不隱藏。

都是針對id的，class隨意。
onclick="switchTab('sub_box',1,3,'on');"分解：
sub_box，序號前的名稱；
1，當(dāng)前順序；
3，總數(shù)；
on，選中時選項卡增加的class。