И с ":" тоже понятно, не понятно, где здесь вызов функции, которая показывает подменю <ul class="nav tree-view">:
<li class="treeview" id="scrollspy-components">
<a href="javascript::;"><i class="fa fa-circle-o"></i> Components</a>
<ul class="nav treeview-menu">
<li><a href="#component-main-header">Main Header</a></li>
<li><a href="#component-sidebar">Sidebar</a></li>
<li><a href="#component-control-sidebar">Control Sidebar</a></li>
<li><a href="#component-info-box">Info Box</a></li>
<li><a href="#component-box">Boxes</a></li>
<li><a href="#component-direct-chat">Direct Chat</a></li>
</ul>
</li>