我只需要默认扩展Root节点。任何人都可以帮助我。以下是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();
};
答案 0 :(得分:0)
添加
$('#expList>li>ul').show();
作为prepareList()函数的最后一行