juery实现ul li标签切换

<div class="index_part5">
  <div class="index_part5_top">
    <div class="index_box">
      <ul class="index_part5_top_ul">
        <li class="index_part5_active">优质的售后服务</li>
        <li>专业的技术实力</li>
        <li>权威的荣誉资质</li>
      </ul>
    </div>

  </div>

 <div class="index_part5_bot">
    <ul class="index_part5_bot_ul" style="display: block">

    </ul>

    <ul class="index_part5_bot_ul" style="display: block">

    </ul>    

   <ul class="index_part5_bot_ul" style="display: block">

   </ul>

</div>

</div>

<script>
$(".index_part5_top_ul li").click(function(){
$(".index_part5_top_ul li").removeClass('index_part5_active');
$(this).addClass('index_part5_active');
var index=$(this).index();
$(".index_part5_bot_ul").css('display','none');
$(".index_part5_bot_ul:eq("+index+")").css('display','block');
});
</script>