cdcdcd
@cdcdcd

Скрыть/показать контент для нескольких блоков?

Имеется несколько div, хочу показать/скрыть отдельный блок внутри данного div по нажатию на кнопку, но показ/сокрытие происходит для всех без исключения.

На данном этапе делаю так:
let dopInfo = document.querySelectorAll(".dop-info").forEach(box => {
            box.style.display = "none"
        });

        jQuery('.btn-collapse.transition.collapsed').click(function (){
            document.querySelectorAll(".col-xs-6.col-sm-12.dop-info").forEach(box => { box.style.display = "block" });
        });
  • Вопрос задан
  • 53 просмотра
Решения вопроса 1
sniggering_deus
@sniggering_deus Куратор тега JavaScript
Dance Gavin Dance - Prisoner
Можете посмотреть реализацию данного функционала в этих двух примерах: вариант первый && вариант второй. Стили, верстку и прочее с легкостью сможете настроить под свои нужды.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
fallus
@fallus
Я ничего не понял.
Но если нужно чтобы после клика по блоку, показывался блок, который внутри него(.col-xs-6.col-sm-12.dop-info), то вот.

И если уж вы использовали jQuery, то я переписал всё на jQuery.

$('.dop-info').hide()

$('.btn-collapse.transition.collapsed').on('click', function (){
  $(this).find(".col-xs-6.col-sm-12.dop-info").show() // или toggle(), вместо show(), чтоб показать\скрыть
});
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы