jquery实现tab选项卡

<section class="recommendarticlelist">

<hgroupclass="clearfix">

<h2>热点推荐</h2>

<h3>

<spandata-index="0">婚纱礼服</span>

<spandata-index="1">婚庆时尚</span>

<spandata-index="2"class="">婚纱礼服</span>

<spandata-index="3"class="">蜜月</span>

<spandata-index="4"class="">蜜月国内</span>

</h3>

</hgroup>

<divclass="recommendarticlelist-c">

<uldata-index="0"class="clearfix">

<li>

22

</li>

</ul>

<uldata-index="1"class="clearfix">

<li>

333

</li>

</ul>

<uldata-index="2"class="clearfix">

<li>

444

</li>

</ul>

<uldata-index="3"class="clearfix">

<li>

555

</li>

</ul>

<uldata-index="4"class="clearfix">

<li>

666

</li>

</ul>

</div>

$('.recommendarticlelist h3 span').click(function () {