处理点击li切换div

布局

 <li class="active">奖励记录</li>
 <li>日常任务</li>
 <li>定制任务</li>
 <li>推荐好友</li>

<div>1<div>
<div>2<div>
<div>3<div>
<div>4<div>

JS逻辑

 $(".content>div").eq(0).show().siblings().hide()
 $('.tabItems>li').click(function () {
     $(this).addClass('active').siblings().removeClass("active");
     let index=$(this).index();
     $(".content>div").eq(index).show().siblings().hide();
 })