매우 간단한 무한 분류 트리 구현 code_navigation 메뉴

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>심플 트리</title> <style type="text/css"> * {margin:0px; padding:0px;} #categoryTree {margin:0px; padding:0px;} #categoryTree ul {display:none; margin:0px;margin-left:5px; padding:0px 0px 0px 15px;} #categoryTree span {cursor:pointer;} </style> <ul id="categoryTree"> <li> <span> </span>국무회의<ul> <li> <span> </span>도청<ul> <li> <span></span>안후이</li> <li> <span></span>허난성<ul> <li> <span></span>푸양시</li> <li> <span></span>지에수시</li> </ul> </li> <li> <span></span>허베이성</li> <li> <span></span>광둥성</li> </ul> </li> <li> <span></span>도청2과<ul> <li> </li>판빙빙2<li> <span></span>판빙빙4<ul> <li> </li>어떤 감독<li> </li>어떤 감독<li> </li>어떤 감독<li> </li>어떤 감독<li> </li>어떤 감독<li> </li>어떤 감독<li> </li>어떤 감독<li> </li>어떤 감독<li> </li>어떤 감독<li> </li>어떤 감독<li> </li>어떤 감독<li> </li>어떤 감독<li> </li>어떤 감독<li> </li>어떤 감독</ul> </li> <li> </li>판빙빙2<li> </li>판빙빙2</ul> </li> <li> </li>도청3과<li> </li>도청4과</ul> </li> <li> </li> <li> <span> </span>국무회의<ul> <li> <span> </span>도청<ul> <li> <span></span>안후이</li> <li> <span></span>허난성<ul> <li> <span></span>푸양시</li> <li> <span></span>지에수시</li> </ul> </li> <li> <span></span>허베이성</li> <li> <span></span>광둥성</li> </ul> </li> </ul> </li> <li> </li> </ul>
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다

]