Переключение меню с помощью jQuery
-
18-09-2019 - |
Вопрос
У меня есть HTML-код, подобный следующему:
<ul>
<li><a href="#">Page 1</a></li>
<li><a href="#" class="toggle">[Open|Close]</a><a href="#">Page 2</a>
<ul>
<li><a href="#">Page 2-1</a></li>
<li><a href="#">Page 2-2</a></li>
<li><a href="#">Page 2-3</a></li>
<li><a href="#">Page 2-4</a></li>
</ul>
</li>
<li><a href="#">Page 3</a></li>
<li><a href="#">Page 4</a></li>
<li><a href="#">Page 5</a></li>
</ul>
И хотелось бы, чтобы при нажатии a с классом «toggle» ul переключался.Я неплохо разбираюсь в основах jQuery, но понятия не имею, с чего начать!Любые альтернативные подходы, которые достигают того же результата, также будут приветствоваться.
Решение
С этой разметкой это будет работать:
$('.toggle').click(function(){
$(this).siblings('ul').toggle();
});
Другие советы
Проверьте функцию переключения jQuery, http://docs.jquery.com/Effects/toggle
Не связан с StackOverflow