@pofeg

Как сделать выпадающие списки без id идентификаторов на Jquery?

Есть вот такой блок в котором хранится меню с подменю списками:
<div id="mny">
	<div class="card">
		text 0
	</div>
	<div class="card">
		text 1
	</div>
	<div class="card">
		text 2
		<span class="lol"></span>
		<div class="card2" style="display: none;">
			text 2.1
			text 2.2
		</div>
	</div>
	<div class="card">
		text 3
		<span class="lol"></span>
		<div class="card2" style="display: none;">
			text 3.1
			text 3.2
		</div>
	</div>
</div>


В последних двух блоках есть подменю и span блок по нажатию на который нужно вытаскивать меню через slidedown. Но вся соль в том что у этих блоков не может быть id. И если один активен, то по нажатию на другой, первый закрывается.
Как такое реализовать на jquery?. Знаю что нужно баловаться с this но не могу в голове уложить весь порядок написания.
  • Вопрос задан
  • 82 просмотра
Пригласить эксперта
Ответы на вопрос 1
0xD34F
@0xD34F Куратор тега jQuery
const $buttons = $('здесь селектор элементов, по нажатию на которые должны выпадать меню');

$buttons.click(function() {
  $buttons.not(this).next().slideUp();
  $(this).next().slideToggle();
});
Ответ написан
Ваш ответ на вопрос

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

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