Bitbucket is a code hosting site with unlimited public and private repositories. We're also free for small teams!


Treeview v0.1

Victor Lin (
MIT License

Treeview is a jQuery plugin which provides draggable treeview widget.

To use treeview, simply include script files

<script type="text/javascript" src="jquery-ui/js/jquery-1.9.0.js"></script>
<script type="text/javascript" src="jquery-ui/js/jquery-ui-1.10.0.custom.min.js"></script>
<script type="text/javascript" src="treeview.js"></script>

To build a treeview, for example, you can write HTML like this:

<ul class="treeview well" style="width: 200px; ">
        <div class="item folder">Folder1</div>
        <div class="item folder">Folder2</div>
                <div class="item folder">Folder3</div>
                    <li><div class="item">Item3</div></li>
            <li><div class="item">Item1</div></li>
            <li><div class="item">Item2</div></li>
    <li><div class="item">Item4</div></li>

To turn it into a draggable treeview, you can add following script:

<script type="text/javascript">
    $(function () {

Recent activity

Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.