树中的根节点应该默认扩展

Question

我只需要根节点默认扩展。任何人都可以帮助我解决这个问题。以下是HTML和Jquery。

它具有展开和折叠功能。当你点击树中的文本时，它会展开并折叠。

我的jsfiddle http://jsfiddle.net/FFc7z/

<div> 
     <ul id ="expList"> 
       <li> 
        Root 
        <ul> 
         <li> 

          Child 1 
          <ul> 
           <li>        
            Subchild 1</li> 
           <li>         
            Subchild 2</li> 
           <li>        
            Subchild 3</li> 
          </ul> 
         </li> 
         <li> 

          Child 2 
          <ul> 
           <li>         
            Subchild 1</li> 
           <li>Subchild 2</li> 
          </ul> 
         </li> 
       <li> 
        child3 
       </li> 
        </ul> 
       </li> 
      </ul> 
     </div> 

Jquery 

$(document).ready(function() { 
     prepareList() 
    }); 

function prepareList() { 
    $('#expList').find('li:has(ul)') 
    .click(function(event) { 
     if (this == event.target) { 
      $(this).toggleClass('expanded'); 
      $(this).children('ul').toggle('medium'); 
     } 
     return false; 
    }) 
    .addClass('collapsed') 
    .children('ul').hide(); 
}; 

Answer 1

添加

$('#expList>li>ul').show(); 

为prepareList（）函数的最后一行