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

Question

[mr Anderson]

Имеется несколько 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" });
        });

Comments

[mr Anderson]

Moon Presence, благодарочка )

Answer 1

[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(), чтоб показать\скрыть
});