마크 업에 구문 오류가 있습니다. <ul>
요소입니다 <li>
. 목록을 중첩하려면 <li>
그 자체:
<ul class="nav">
<li>
<a href="#">Test link</a>
<ul class="nav">
<li>Test under</li>
</ul>
</li>
</ul>
토글링을 위해, 우리는 단순히 형제 자매를 검색하도록 지시합니다. <ul>
요소를 적용하십시오 .slideToggle()
링크를 클릭 할 때 메소드 :
$(function() {
// Hide submenus
$(".nav ul").hide();
// Toggle nested <ul> (siblings of the link)
$(".nav > li > a").click(function(e) {
$(this).siblings("ul").slideToggle();
e.preventDefault();
});
});
데모 바이올린은 다음과 같습니다. http://jsfiddle.net/teddyrised/2y9fz/ (효과를 입증하기 위해 더 많은 목록 항목 추가)