0

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

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

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

введите сюда описание изображения

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

1

1 ответ 1

0

не навешивайте 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

1
  • Спасибо большое, я только учусь учту это на будущее, спасибо за ваш вклад в моё обучение . 5 июл 2020 в 17:51

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.