Как сделать так, чтобы при нажатии на кнопку начиналась анимация и при каждом нажатии передавался на другой блок

Question

При нажатии на кнопку первый элемент приподнимается если можно так выразиться. Я хочу, чтобы при каждом нажатии анимация действовала и на другие элементы поочередно.

Answer 1

Создайте сss клас анимации и при нажатии кнопки добавляйте его к елементу с помошью javascript.

например:

let current = 0;
const elements = document.getElementsByClassName('klass-itema');

window.handleClick = function(){ 
  Array.from(elements).forEach(el => 
    el.setAttribute('class', 
      el.getAttribute('class')
        .replace('active','')
    )
  )

 current++;

 elements[current].setAttribute('class', elements[current].getAttribute('class')+' active' )
}

и в HTML

<button onclick="handleClick"></button>

БЛОГ НА HUSL

Как сделать так, чтобы при нажатии на кнопку начиналась анимация и при каждом нажатии передавался на другой блок

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