tab切换-- jquery代码

//主要代码

<div class="container">

<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 ul-title">
<ul>
<li class="tit-hover">流程</li>
<li>标准</li>
<li>细则</li>
</ul>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 content">
<ul class="row main-content">
<li>
<span>1</span>报名时请准确完整填写
</li>
<li>
<span>2</span>报名时请准确完整填写
</li>
<li>
<span>3</span>报名时请准确完整填写
</li>
</ul>
<ul class="row">
<li>
<span>1</span>报名时请准确完整填写
</li>
<li>
<span>2</span>报名时请准确完整填写
</li>
<li>
<span>3</span>报名时请准确完整填写
</li>
</ul>
<ul class="row">
<li>
<span>1</span>报名时请准确完整填写
</li>
<li>
<span>2</span>报名时请准确完整填写
</li>
<li>
<span>3</span>报名时请准确完整填写
</li>
<li>
<span>4</span>报名时请准确完整填写
</li>
<li>
<span>5</span>报名时请准确完整填写
</li>
</ul>
</div>

</div>

<script type="text/javascript">

$(".ul-title li").each(function(){
$(this).click(function(){
var titli=$(this).index(".ul-title li");
$(".ul-title li").removeClass("tit-hover");
$(".content ul").removeClass("main-content");
$(this).addClass("tit-hover");
$(".content ul").eq(titli).addClass("main-content");
})
})

</script>