Html 树视图展开折叠功能？

我想在树状视图列表中添加展开和折叠功能。如何添加？ 我已经添加了所需的jQuery

<div id="sidetree">
   <div class="company">Company</div>
   <div id="sidetreecontrol" class="sidetreecontrol"></div>
   <ul class="treeview" id="tree">
      <li><a href="#">Home</a></li>
      <li class="expandable">
         <div class="hitarea expandable-hitarea"></div>
         <span><strong>About Us</strong></span>
         <ul style="display: none;">
            <li><a href="#">Our Offers</a></li>
            <li class="last"><a href="#">Our Offers</a></li>
         </ul>
      </li>
   </ul>
</div>

单位



关于我们

我认为

<a href="?#">Collapse All</a> | <a href="?#">Expand All</a>

|

我们应该做到这一点