contrôler une arborescence ASP.Net en Javascript

Question

Comment puis-je écrire Javascript pour développer et réduire un parent particulier d'un TreeView lorsque je clique sur le nœud parent?

Si l'un des nœuds parents est développé, alors si je clique dessus, il devrait s'effondrer; et si déjà effondré, alors vice versa.

Answer 1

Il est aussi simple que:

<ul id="tree"> 
    <li> 
     <span class="title">Title</span> 
     <ul> 
      <li><span class="title">Item 1</span></li> 
      <li><span class="title">Item 2</span></li> 
      <li><span class="title">Another item</span> 
       <ul> 
        <li><span class="title">another one</span></li> 
       </ul> 
      </li> 
     </ul> 
    </li> 
</ul> 

$(document).ready(function(){ 
    $('#tree span.title').click(function(){ 
     $(this).next().toggle(); 
    }); 
}); 

Lorsque vous utilisez jQuery.

Here is an example