jq选项卡给li加了a标签每个点击闪一下显示对应选项卡之后快速切换回了第一个选项卡

[qq_37803190]

<div id="ttt">
<h2>Home>Application</h2>
<ul class="top-list2">
<li id="dic1" class="sel"><a href="">DIC</a></li>
<li id="dic2"><a href="">Metro Carrier</a></li>
<li id="dic3"><a href="">Long Haul</a></li>
<li id="dic4"><a href="">Submarine</a></li>
<li id="dic5"><a href="">Wireless Access</a></li>
<li id="dic6"><a href="">Wired Access</a></li>
</ul>
</div>

<script>
$(document).ready(function () {
$('.top-list2 li').click(function(){
$(this).addClass('sel').siblings().removeClass('sel');
var id = $(this).index();
$('.tab_box').children().eq(id).show().siblings().hide();
});
})

</script>