jsTree - display on click

by gurkavcu

HTML

<script src="https://raw.github.com/vakata/jstree/v.pre1.0/jquery.jstree.js"></script>
<link rel="stylesheet" href="http://static.jstree.com/v.1.0rc2/themes/classic/style.css">
<div id="jsTree"></div>

CSS

[rel=directory] > a > .jstree-checkbox { display:none }
[rel=disabled] .jstree-checkbox { visibility:hidden }

JavaScript

var data = {
    "data": "dosyalar",
    "attr": {
        "rel": "directory",
        "id": "root"
    },
    "children": [{
        "data": "dosya1",
        "attr": {
            "rel": "directory",
            "id": "d1"
        },
        "children": [{
            "data": {
                "title": "belge1",
                "icon": "http://icons.iconarchive.com/icons/deleket/scrap/16/Adobe-Acrobat-icon.png"
            },
            "attr": {
                "rel": "document",
                "id": "b1"
            }},
        {
            "data": {
                "title": "belge2",
                "icon": "http://icons.iconarchive.com/icons/deleket/scrap/16/Adobe-Acrobat-icon.png"
            },
            "attr": {
                "rel": "document",
                "id": "b2"
            }},
        {
            "data": {
                "title": "belge3",
                "icon": "http://icons.iconarchive.com/icons/deleket/scrap/16/Adobe-Acrobat-icon.png"
            },
            "attr": {
                "rel": "document",
                "id": "b3"
            }},
        {
            "data": {
                "title": "belge4",
                "icon": "http://icons.iconarchive.com/icons/deleket/scrap/16/Adobe-Acrobat-icon.png"
            },
            "attr": {
                "rel": "document",
                "id": "b4"
            }},
        {
            "data": {
                "title": "belge5",
                "icon": "http://icons.iconarchive.com/icons/deleket/scrap/16/Adobe-Acrobat-icon.png"
            },
            "attr": {
                "rel": "document",
                "id": "b5"
            }}
                                                                         ]},
    {
        "data": "dosya2",
        "attr": {
            "rel": "directory",
            "id": "d2"
        },
        "children": [
            {
            "data": {
                "title": "belge6",
                "icon":...