How to make menu item active when clicking on menu item and content page open then highlight particular class their sub class
<ul class="nav">
<li class="has-sub active">
<a href="javascript:;">
<b class="caret pull-right"></b>
<i class="fa fa-laptop"></i>
<span>Dashboard</span>
</a>
<ul class="sub-menu">
<li class="active"><a href="index.aspx">Dashboard v1</a></li>
<li><a href="index_v2.aspx">Dashboard v2</a></li>
</ul>
</li>
<li class="has-sub">
<a href="javascript:;">
<span class="badge pull-right">10</span>
<i class="fa fa-inbox"></i>
<span>Email</span>
</a>
<ul class="sub-menu">
<li><a href="email_inbox.aspx">Inbox v1</a></li>
<li><a href="email_inbox_v2.aspx">Inbox v2</a></li>
</ul>
</li>
<li class="has-sub">
<a href="javascript:;">
<b class="caret pull-right"></b>
<i class="fa fa-suitcase"></i>
<span>UI Elements</span>
</a>
<ul class="sub-menu">
<li><a href="ui_general.aspx">General</a></li>
<li><a href="ui_typography.aspx">Typography</a></li>
</ul>
</li>
</ul>
