2012-08-15 7 views
0

jQuery : jsFiddle의 도움으로 자식을 열고 닫는 간단한 아코디언 스타일 메뉴가 있습니다.jQuery 아코디언 스타일 메뉴에서 자식 가시성 전환

메뉴 항목을 클릭하면 모든 항목이 올바르게 작동합니다. 선택한 항목의 하위 항목이 표시되고 나머지 모든 불필요한 항목은 숨겨집니다. 그러나 전달 된 변수에 따라 메뉴 트리를 열 수 있기를 원합니다 (id).

그래서이 jsFiddle에서는 메뉴에서 해당 항목을 표시하고 (모든 부모를 확장하는) 수동 링크 (오른쪽에 있음)를 만들고 다른 모든 것을 숨 깁니다. 수동 링크를 클릭하면 첫 번째 수준의 자식 만 토글 할 수 있었지만 4 번 수준 링크 (예 : 고양이 11)를 클릭하면 아무 일도 일어나지 않습니다. 내가 선택한 것은 선택한 항목의 모든 부모를 확장하고 선택한 자식의 트리 경로에없는 다른 모든 항목을 축소하는 것입니다. 돕는

감사합니다.

+0

[jsFiddle] (http://jsfiddle.net/WAurj/4/)이 원하는대로 수행됩니까? – rexmac

+0

음, 거의 그렇습니다. 올바른 방법입니다. :) 일부 어린이가 때때로 붕괴되지는 않지만, '토글 고양이 11'을 클릭하면 모든 부모가 제대로 확장된다는 것을 알 수 있습니다. 'toggle cat 1'과'toggle cat 11'을 클릭하십시오. 'cat 1'은 붕괴 될 것입니다. 'toggle cat 5', 'toggle cat 6'및 'toggle cat 11'을 클릭하는 경우도 마찬가지입니다. 그 시나리오에서'cat 6'은 붕괴 될 것입니다. 많은 노력에 감사드립니다. 아주 가깝습니다! 여기서 일어나는 일을 체크하고 더 조정할 수 있는지 알아 보겠습니다. – errata

+0

어때 [this version] (http://jsfiddle.net/WAurj/5/)? – rexmac

답변

0

나는 이걸 jsFiddle이 원하는대로한다고 생각합니다.

필자는 원래의 바이올린보다 더 많은 레벨을 테스트하지 않았지만 사용자가 무엇을 클릭하는지에 따라 부모, 형제 및 "사촌"요소가 모두 고려되고 토글됩니다.