на странице есть блок с 5 слайдами:
<div class="block__slides" id="slider1">
<div class="block__slide slide-active"></div>
<div class="block__slide slide-active"></div>
<div class="block__slide slide-active"></div>
<div class="block__slide "></div>
<div class="block__slide "></div>
</div>
Только три из них являются активными.
также есть две кнопки:
<button class="block__control" id="left-slider-button"></button>
<button class="block__control" id="right-slider-button"></button>
как сделать код который будет при клике на кнопку вправо :
- искать первый элемент block__slides
- убирать у него класс slide__active
- искать ближайший элемент после слайда с классом slide__active и добавлять ему этот класс (так чтобы отображалось всегда три слайда)
- если это последний слайд у родителя с классом slide__active то он должен переставлять его снова на первый элемент чтобы получался круг
И аналогичную функцию для кнопки влево.
вообще я верно понимаю реализацию этого процесса?
Буду благодарен за помощь с примерами кода.