wijTree ウィジェットの HTML マークアップは次のようになります。

<ul id="tree">   
   <li><a>Tree Node 1</a></li>   
   <li><a>Tree Node 2</a>
   <ul>
       <li><a>Tree Node 2a</a></li>
       <li><a>Tree Node 2b</a></li>
   </ul>
</li>
</ul>

次の jQuery スクリプトでウィジェットを初期化できます。

<script id="scriptInit" type="text/javascript">
    $(document).ready(function () {
        $("#tree").wijtree({
            expandCollapseHoverUsed: true
        });
    });
</script>

ここで説明しているマークアップとスクリプトの結果は次のようになります。三角形にマウスポインタを合わせると、［Tree Node 2］が展開されます。

関連トピック

参照

Copyright © GrapeCity inc. All rights reserved.