关于列表树的问题？

Question

我有一个列表，如：
<ul>
     <li>abc
          <ul><li>123</li>
                <li>1234</li>
         </ul>
    </li>
    <li>egf
          <ul><li>678</li>
                <li>6789</li>
         </ul>
     </li>
<ul>
我想做成一个树，开始显示的时候全部关闭，点击才打开.我不想用dtree，最好是用列表，并使用css+javascript或css
应该如何做呢？请指导.