【JS】jquery-3.4.0实现点击不同的li,切换到对应的div内容

HTML：

<ul class="tabItems">
    <li class="active">1</li>
    <li>2</li>
    <li>3</li>
</ul>

<div class="content">
    <div>1</div>
    <div>2</div>
    <div>3</div>
</div>

JS：

$(window).on('load', function(){
      $(".Content>div").eq(0).show().siblings().hide();
  });

$(".tabItems>li").click(function () {
  console.log("click");
      $(this).addClass("active").siblings().removeClass("active");
      var index = $(this).index();
      $(".Content>div").eq(index).show().siblings().hide();
})