jQuery的可收缩展开左侧流程图菜单列表代码

 
     ; 
     <div class="ztb_main_01"> 
      <ul class="ztb_content_01"> 
       <li class="ztb_over"><a href="#" class="ztb_con_text" onclick="clickli(this);">场景用例 <span class="ztb_time">2017-05-25</span></a>
        <ul class="ztb_content_02"> 
         <li class="ztb_end"><a href="#">1.下拉类表测试</a></li> 
         <li class="ztb_end"><a href="#">2.单选框列表测试</a></li> 
        </ul> </li> 
       <li class="ztb_on"><a href="#" class="ztb_con_text" onclick="clickli(this);">组件测试</a> 
        <ul class="ztb_content_02" id="zb" style="display:block"> 
         <li class="ztb_end"><a href="#">1.下拉类表测试</a></li> 
         <li class="ztb_end"><a href="#">2.单选框列表测试</a></li> 
         <li class="ztb_active"><a href="#">3.下拉类表测试</a></li> 
         <li><a href="#">4.单选框列表测试</a></li> 
        </ul> </li> 
       <li><a href="#" class="ztb_con_text" onclick="clickli(this);">场景用例</a> 
        <ul class="ztb_content_02"> 
         <li><a href="#">1.下拉类表测试</a></li>
         <li> <a href="#">2.单选框列表测试</a></li> 
        </ul> </li>
       <li> <a href="#" class="ztb_con_text" onclick="clickli(this);">组件测试</a> 
        <ul class="ztb_content_02"> 
         <li><a href="#">1.下拉类表测试</a></li> 
         <li><a href="#">2.单选框列表测试</a></li> 
         <li><a href="#">3.下拉类表测试</a></li> 
         <li><a href="#">4.单选框列表测试</a></li> 
        </ul> </li> 

一款像竖向菜单栏一样的流程图，可收缩展开，点击可以下滑动的菜单列表的jQuery左侧流程图菜单列表代码