CSS 아코디언/트리 메뉴 100 % 폭 디바이더 내가 더불어, CSS/JS 아코디언 메뉴를 만들

Question

HTML과 같이 :

<ul> 
    <li><a href="#">First Link</a> 
     <ul> 
      <li><a href="#">Child One</a></li> 
      <li><a href="#">Child Two</a></li> 
     </ul> 
    </li> 
    <li><a href="#">Second Link</a></li> 
    <li><a href="#">Third Link</a></li> 
</ul> 

N 수준이 깊은 얻을 수있는 탐색 구조 및 각 하위 메뉴 것이다 그 부모로부터 들여 쓰기를해야한다. n 번째 레벨 자식 요소을 포함하여 모든 nav 요소 사이에 너비의 100 %에 해당하는 경계가 있어야합니다. 이처럼 :

alt text http://files.getdropbox.com/u/64548/nested-nav.png

나는 내 인생에 자바 스크립트를 사용하지 않고이 작업을 수행하는 쉬운 방법을 알아낼 수 없습니다 위해, 그러나 할 수 있어야 뭔가 느낌. (JS를 사용하여 탐색 트리를 확장/축소합니다.)