TreeViewcomponent

<ul class="treeview" data-role="treeview">
    <li class="node">
        <a href="#">sergey@pimenov.com.ua</a>
        <ul>
            <li class="active"><a href="#">Inbox</a></li>
            <li><a href="#">Outbox</a></li>
            <li><a href="#">Drafts</a></li>
            <li><a href="#">Rss-channels</a></li>
            <li><a href="#">Trash <span class="value">[5]</span></a></li>
            <li class="node">
                <a href="#">subnode</a>
                <ul>
                    <li><a href="#">Inbox</a></li>
                    <li><a href="#">Outbox</a></li>
                    <li><a href="#">Drafts</a></li>
                    <li><a href="#">Rss-channels</a></li>
                    <li><a href="#">Trash</a></li>
                </ul>
            </li>
        </ul>
    </li>

    <li class="node collapsed">
        <a href="#">info@metroui.net</a>
        <ul>
            <li><a href="#">Inbox</a></li>
            <li><a href="#">Outbox</a></li>
            <li><a href="#">Drafts</a></li>
            <li><a href="#">Rss-channels</a></li>
            <li><a href="#">Trash</a></li>
        </ul>
    </li>
</ul>

Events

onNodeClick this event fired when user click on node
$(function(){
    $("#tree1").treeview({
        onNodeClick: function(node){
            console.log(node);
        }
    });
});