Подскажите хороший слайдер [закрыт]

$('.slider ul').each(function(){ 
  $(this).children().eq(0).addClass('active'); 
}); 
$('.left').click(function() { 
  $('ul').each(function() { 
    var slide = Number($(this).children('.active').attr('id').split('-')[2]); 
    var slider = $(this).children('.active').attr('id').split('-')[1]; 
    $(this).children().removeClass('active'); 
    if (slide == 1) $(this).children('#slide-' + slider + '-2').addClass('active'); 
    else if (slide == 2) $(this).children('#slide-' + slider + '-3').addClass('active'); 
    else if (slide == 3) $(this).children('#slide-' + slider + '-1').addClass('active'); 
  }); 
}); 
$('.right').click(function() { 
  $('ul').each(function() { 
    var slide = Number($(this).children('.active').attr('id').split('-')[2]); 
    var slider = $(this).children('.active').attr('id').split('-')[1]; 
    $(this).children().removeClass('active'); 
    if (slide == 1) $(this).children('#slide-' + slider + '-3').addClass('active'); 
    else if (slide == 2) $(this).children('#slide-' + slider + '-1').addClass('active'); 
    else if (slide == 3) $(this).children('#slide-' + slider + '-2').addClass('active'); 
  }); 
});

.slider { 
  display: flex; 
  justify-content: space-between; 
  align-items: center; 
  width:500px; 
} 
.slider ul{ 
 border:1px solid black; 
} 
.slider ul:nth-child(1), 
.slider ul:nth-child(3) { 
  width: 20%; 
  Height: 100px; 
} 
 
.slider ul:nth-child(2) { 
  width: 40%; 
  height: 200px; 
} 
 
.slider span { 
  width: 5%; 
} 
 
.active { 
  display: block!important; 
} 
 
.slider li { 
  display: none; 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> 
 
 
<div class="slider"> 
  <span class="left"> Влево</span> 
  <ul class="slider-1"> 
    <li id="slide-1-1">slide1.1</li> 
    <li id="slide-1-2">slide1.2</li> 
    <li id="slide-1-3">slide1.3</li> 
  </ul> 
  <ul class="slider-2"> 
    <li id="slide-2-1">slide2.1</li> 
    <li id="slide-2-2">slide2.2</li> 
    <li id="slide-2-3">slide2.3</li> 
  </ul> 
  <ul class="slider-3"> 
    <li id="slide-3-1">slide3.1</li> 
    <li id="slide-3-2">slide3.2</li> 
    <li id="slide-3-3">slide3.3</li> 
  </ul> 
  <span class="right"> Вправо</span> 
</div>