jQuery 다단계 접을 수있는 세로 메뉴

Question

jQuery를 사용하여 다중 레벨 메뉴를 만들고 싶습니다.

기본적으로 모든 하위 메뉴 항목은 축소되어 있습니다. 더하기를 클릭하면 클릭 된 요소의 자식 만 펼칩니다. 다시 클릭하면 숨 깁니다. 나는 기본 코드 i`ve와 바이올린을 설정 한

는 http://jsfiddle.net/mNW3c/1/

그것은이 문제가 어떻게 관리 - 내가 하나/숨기기 요소를 적절한 하나를 보여 얻을은`t. 그것을 개선하는 데 도움주세요.

미리 감사드립니다.

Answer 1

표시/숨기기 문에 대한 컨텍스트를 지정해야합니다. 지금 당장은 그들 모두를 붙잡고 있습니다. 코드 당신은 우리가이 .plus의 부모의 첫 번째 UL 찾고있는 지정해야

$('.has-child .plus').click(function(){ 
    $('.has-child.hover > ul').toggle('slow'); 
}); 

의이 부분에서. 이와 함께 그 작업을 수행 할 수 있습니다

$('.has-child .plus').click(function(){ 
    $('ul:first', this.parentNode).toggle('slow'); 
}); 

Demo