TreeViewcomponent

This component required metro-treevew.js

<ul class="treeview" data-role="treeview">
    <li class="node">
        <a href="#"><span class="node-toggle"></span>sergey@pimenov.com.ua</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 <span class="value">[5]</span></a></li>
            <li class="node">
                <<span class="node-toggle"></span>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="#"><span class="node-toggle"></span>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

$(function(){
    $("#tree1").treeview({
        onNodeClick: function(node){
            console.log(node);
        }
    });
});