JS三级联动，有点特殊要求是用层来显示,也不能使用Jquery,该如何处理

JS三级联动，有点特殊要求是用层来显示,也不能使用Jquery

HTML code

<div>
   <ul>
      <li><a href="#" id="AAA">AAA</a></li>
      <li><a href="#" id="BBB">BBB</a></li>
      <li><a href="#" id="CCC">BBB</a></li>
      <ul>
</div>

假设点击AAA超链接，那么在另外一个层显示的格式如上，数据是A-1, A-2 ,A-3 ，并且这些数据都是属于AAA的，
又点击A-1超链接，继续显示一个层，格式如上，并且数据都是属于A-1的

谢谢了

------解决方案--------------------
楼主 百度一下 js无限菜单

参考

http://www.codefans.net/jscss/code/2551.shtml
------解决方案--------------------
关键在于获取数据，数据的格式，然后再展示数据。这几个点处理好就行了。获取数据用什么都可以，数据格式要砍你怎么展示，最终展示的时候在根据数据格式进行html处理。