使用jquery实现下拉效果

需求：点击小li让对应的div显示/隐藏

思路：使用 let i = index(this)方法获取点击小li的索引

$（$(''.lis-item) [i]）拿到对应div(具体原理不清楚)

 $('.click-lis').on({
     mouseover:function(){
          let i = $('.click-lis').index(this);
         $( $('.lis-item')[i]).stop().slideDown()
          
     },
     mouseout:function(){
          let i = $('.click-lis').index(this);
          $( $('.lis-item')[i]).stop().slideUp()
 } 
})