Задать вопрос

Как реализовать появление блока при нажатии на ссылку, если таких блоков несколько?

Собственно, требуется показать div#list при клике на a#link. Но есть проблема.

На данный момент есть код
$(document).ready(function () {
	$('a#link').click(function (e) {
		$(this).toggleClass('active');
		$('#list').toggle();

		e.stopPropagation();
	});
});
А проблема в том, что абсолютно все a#link открывают только первый div#list (на странице их несколько).

Структура HTML примерно такова:
<div id="block"><a href="#" id="link" class="nactive">Ссылка</a></div>
<div id="list">
	<ul>
		<li>1</li>
		<li>2</li>
	</ul>
</div>
Собственно, как реализовать?
  • Вопрос задан
  • 10503 просмотра
Подписаться 4 Оценить Комментировать
Решение пользователя Юрий Лобанов К ответам на вопрос (3)
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
Можно так
codepen.io/iiil/pen/KGerA

только измените мои селекторы a и div на .link и .list
Естественно, использования нескольких одинаковых id недопустимо. Используйте классы.
Ответ написан