Как сбросить display block?

Question

Всем привет , делаю квиз на swiper js, там есть 4 пункта , при выборе одного из пунктов включается display block и следующий свайп будет с этой информацией , но если я нажимаю назад и выбираю другой вариант то тот тоже становиться display block и на следующем свайпе они в 2 стоят два блока друг под другом как убрать это ?

Спасибо за помощь. Здесь краткий пример что я пытаюсь сделать , но только js не отрабатывает по клику

введите сюда описание ссылки

это получается если вернутся и выбрать другой вариант

Answer 1

не навешивайте dislay: block а добавляйте и убирайте класс, єто упростит задачу, а в самом классе меняйте display

function changeSlide(evt) {
    var dataForm = evt.target.dataset.form;
    if (document.querySelector('.d-block')) document.querySelector('.d-block').classList.remove('d-block');
  
    var form = document.querySelector("#" + dataForm);
    form.classList.add('d-block');
}

Ну и класс в стили

.d-block {
  display: block;
}

https://codepen.io/Rusic/pen/LYGQQLO?editors=0010

БЛОГ НА HUSL

Как сбросить display block?

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