shu.js demo1

 <div id="treeview">
<ul>
<li id="depth_1_item_1">
    <div class="closedir" id="depth_1_item_1_ico" onClick="controlNode(this,'depth_1_item_1')"></div><h1><a href="#" style=" text-decoration:none; color:#000;">全球销售部/Global Sales Dept</h1>
 <div id="depth_1_item_1_layer" style="display:none;">
  <ul>
  <li id="depth_2_item_1_1">
   <div class="closedir" id="depth_2_item_1_1_ico" onClick="controlNode(this,'depth_2_item_1_1')"></div><h1><a href="#" style=" text-decoration:none; color:#000;">独联体片区/Commonwealth Independent States Regional Division</a></h1>
   <div id="depth_2_item_1_1_layer" style="display:none;">
    <ul>
    <li id="depth_3_item_1_1_1">
     <div class="closedir" id="depth_3_item_1_1_1_ico" onClick="controlNode(this,'depth_3_item_1_1_1')"></div><h1><a href="#" style=" text-decoration:none; color:#00F;">俄罗斯代表处/Russia Rep Office, CIS</a></h1>
     <div id="depth_3_item_1_1_1_layer" style="display:none;">
      <ul>
      <li id="depth_4_item_1_1_1_1">
           <div class="closedir" id="depth_4_item_1_1_1_1_ico" onClick="controlNode(this,'depth_4_item_1_1_1_1')"></div><h1><a href="#" style="text-decoration:none; color:#008000;">俄罗斯远东办事处/Far East Province Office, CIS</a></h1>
           <div id="depth_4_item_1_1_1_1_layer" style="display:none;">
                <ul>