Подскажите как добавить новые классы. Есть слайдер с таким кодом:
<div class="owl-carousel owl-one">
<div> 1 </div>
<div class="active"> 2 </div>
<div class="active"> 3 </div>
<div class="active"> 4 </div>
<div> 5 </div>
<div> 6 </div>
</div>
Классы ".active" автоматически добавляются и удаляются.
Как добавить к каждому классу "active" еще по одному классу? Что бы было вот так:
<div class="owl-carousel owl-one">
<div> 1 </div>
<div class="active s-1"> 2 </div>
<div class="active s-2"> 3 </div>
<div class="active s-3"> 4 </div>
<div> 5 </div>
<div> 6 </div>
</div>
И что бы классы "s-1, s-2, s-3" менялись вместе с ".active".
Вот Демо:
https://codepen.io/anakin-skywalker94/pen/ExYbvpw
Спасибо!