Navigation bar that display elements horizontally with javascrip Code
<li class="dropdown" data-admin-menu>
<a href="#">
Admin
<span class="glyphicon glyphicon-chevron-down"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li class="dropdown-header">Minor Entities</li>
<li class="divider" />
<li><a href="/Admin/ProductType"> Product Type</a></li>
<li><a href="/Admin/ProductLinkText"> Product Link Text</a></li>
<li class="divider" />
<li class="dropdown-header">Major Entities</li>
<li class="divider" />
<li><a href="/Admin/Item"> Item</a></li>
<li><a href="/Admin/Product"> Product</a></li>
<li><a href="/Admin/Subscription"> Subscription</a></li>
<li class="divider" />
<li class="dropdown-header">Connector Entities</li>
<li class="divider" />
<li><a href="/Admin/ProductItem"> Product Item</a></li>
<li><a href="/Admin/SubscriptionProduct"> Subscription Product</a></li>
<li class="divider" />
<li class="dropdown-header">Users & Subscriptions</li>
<li class="divider" />
<li><a href="/Account"> Users & Subscriptions</a></li>
</ul>
</li>
//-----------------------------------------------------------------------------------
$(function () {
$("[data-admin-menu]").hover(function () {
$("[data-admin-menu]").toggleClass("open");
});
});