Expand and collapse HTML list

[jaden5165]

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
$(function(){
$('#example_tree').find('SPAN').click(function(e){
    $(this).parent().find('UL').toggle();
});
});
</script>

Hi I refer to this link HEREon how to make expansion and collapsed.However,I want to make my list initially will not expand.How can i change the above code.

[clokey2k]

If you want it to start collapsed just add $('#example_tree').find('SPAN').click(); after binding your onclick code above. This would simulate someone clicking all of the span‘s once – which would hide them.

i.e.

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
  $(function(){
    $('#example_tree').find('SPAN').click(function(e){
      $(this).parent().find('UL').toggle();
    });
    $('#example_tree').find('SPAN').click();
});
</script>

[Author]

Posts