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가 클릭되면 UL이 토글링됩니다. 나는 기본적인 jQuery 물건에 상당히 괜찮지 만 이것으로 시작해야 할 곳은 없습니다! 동일한 결과를 달성하는 대체 접근 방식도 환영합니다.
해결책
그 마크 업으로, 이것은 효과가있을 것입니다.
$('.toggle').click(function(){
$(this).siblings('ul').toggle();
});
다른 팁
jQuery 토글 함수를 확인하고 http://docs.jquery.com/effects/toggle
제휴하지 않습니다 StackOverflow