Можно ли выбрать предыдущий элемент относительно активного элемента пагинации?

Нужно изменить алгоритм анимации полоски активной пагинации. Алгоритм такой:

  1. При клике на "01" должна появится полоса между "01" и "02"
  2. При клике на "02" должна появится полоса между "02" и "03"
  3. При клике на "03" должна появится полоса между "03" и "04"
  4. При клике на "04" полоса между "03" и "04" так и остается

Имеется конструкция

<div class="glide__bullets" data-glide-el="controls[nav]">
    <div class="glide__bullet" data-glide-dir="=0">01</div>
    <div class="glide__bullet" data-glide-dir="=1">02</div>
    <div class="glide__bullet" data-glide-dir="=2">03</div>
    <div class="glide__bullet glide__bullet--active" data-glide-dir="=3">04</div>
</div>

Где glide__bullet--active - это активный элемент пагинации. В данной ситуации он последний, и анимация с полосой не должна появляться, а должна остаться на предыдущем элементе

Вот мой проект, где это используется https://aigen31.github.io/portfolio/logo/


Ответы (0 шт):