fbir
@fbir
начинающий верстальщик

Как связать элементы с помощью data-атрибута?

Есть элементы:
<li class="with-icon open-category" data-id="1">
Блок 1
</li>
<li class="with-icon open-category" data-id="2">
блок 2
</li>
<div data-id="1" id="second"  class="d-none">
content 1
</div>
<div data-id="2" id="second" class="d-none">
content 2
</div>

Оба блока скрыты, чтобы показать их использую простой скрипт:

$(document).ready(function(){


 $(".open-category").on('click',function(){ 
 $("#second").toggleClass("active");
      
   
 })

});


Но он открывает все блоки, что в принципе очевидно, не понимаю как запилить проверку на одинаковость data-id.
  • Вопрос задан
  • 55 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега jQuery
$('.open-category').click(function() {
  $(`.d-none[data-id="${this.dataset.id}"]`).toggleClass('active');
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
08 апр. 2020, в 08:47
1000 руб./за проект
08 апр. 2020, в 08:33
25000 руб./за проект