Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/visual-studio-2010/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Tree 默认情况下,树中的根节点应展开_Tree_Root Node - Fatal编程技术网

Tree 默认情况下,树中的根节点应展开

Tree 默认情况下,树中的根节点应展开,tree,root-node,Tree,Root Node,默认情况下,我只需要扩展根节点。有人能帮我吗。下面是HTML和Jquery 它具有展开和折叠功能。当你点击树中的文本时,它会展开和折叠 我在JSFiddle中添加了 加 作为prepareList函数的最后一行 <div> <ul id ="expList"> <li> Root <ul>

默认情况下,我只需要扩展根节点。有人能帮我吗。下面是HTML和Jquery

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

我在JSFiddle中添加了

作为prepareList函数的最后一行

    <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();
 };
$('#expList>li>ul').show();