Да разметка будет такая, сначала кнопка, потом модалка. Попробовал ваше решение, ошибка
Uncaught TypeError: target.nextElementSibling is not a function at HTMLDocument
Вадим, нет эти секции создаются динамически, т.е сегодня этих секций 3, а завтра уже 5, потому что админ добавил 2 новых микрорайона например (сайт на WP), в этом и загвостка, получается на странице несколько pop-up с одинаковым id (т.к. верстка секции находится в цикле)
Я наверное вопрос непонятно задал, меня смущает то, что сначала на этой странице мне нужно вывести получается все рубрики, а уже внутри каждого блока посты этой рубкики.
Дмитрий Кузнецов, какой у вас процессор? на i3 8го поколения (ноутбучном) нагрузка 50-60%, на лично моём ноуте i5 7го, и нагрузка такая же как у вас, захожу с телефона redmi5, лагает и дергается
А не подскажешь как дополнить этот код, нужно еще каждому .color-pic при клике добавлять класс .border ,но чтобы у первого, .color-pic он убирался, так как по умолчанию он всегда присвоен первому элементу. https://jsfiddle.net/dmitriyPHC/c76y4tsn/5/
И спасибо огромное, твое решение работает!
Владимир Рыжов, А не подскажешь как дополнить этот код, нужно еще каждому .color-pic при клике добавлять класс .color-pic-active (он добавляет рамку вокруг цвета), но чтобы у первого, .color-pic он убирался, так как по умолчанию он всегда присвоен первому элементу.
Шохрух Шаймардонов, https://jsfiddle.net/9vdoxk0y/6/ только вот таких карточек может быть хоть 100 на странице,мне нужно чтобы я тыкал на цвет,и появлялась нужная фотка, но только в одной карточке товара,а не во всех на странице.