Hi 
Please can you help me with that. I have sidebar but i can't control with active class. When i click dropdown submenu or single menu it will go back to normal. 
I want if i click on dropdown submenu it will stay there . same for single menu. 
Please see the code
<div id="sidebar" class="sidebar      responsive      ace-save-state">
    <ul class="nav nav-list">
        <li class=""><a href="Dashboard.aspx"><i class="menu-icon fa fa-tachometer"></i><span
            class="menu-text">Dashboard </span></a><b class="arrow"></b></li>
        <li class=""><a href="#" class="dropdown-toggle"><i class="menu-icon fa fa-desktop">
        </i><span class="menu-text">Schools</span><b class="arrow fa fa-angle-down"></b></a>
            <b class="arrow"></b>
            <ul class="submenu">
                <li class=""><a href="addorg.aspx"><i class="menu-icon fa fa-caret-right"></i>Add School</a></li>
                <li class=""><a href="school.aspx" title="View School"><i class="menu-icon fa fa-caret-right">
                </i>View School</a><b class="arrow"></b></li>
                <li class=""><a href="elements.html"><i class="menu-icon fa fa-caret-right"></i>Add
                    Logo</a><b class="arrow"></b></li>
                <li class=""><a href="buttons.html"><i class="menu-icon fa fa-caret-right"></i>Add Images</a><b
                    class="arrow"></b></li>
            </ul>
        </li>
        <li class=""><a href="applicants.aspx"><i class="menu-icon fa fa-list"></i><span
            class="menu-text">Applicants </span></a></li>
        <li class=""><a href="widgets.html"><i class="menu-icon fa fa-list-alt"></i><span
            class="menu-text">Widgets </span></a><b class="arrow"></b></li>
        <li class=""><a href="gallery.html"><i class="menu-icon fa fa-picture-o"></i><span
            class="menu-text">Gallery </span></a><b class="arrow"></b></li>
    </ul>
    <!-- /.nav-list -->
    <div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
        <i id="sidebar-toggle-icon" class="ace-icon fa fa-angle-double-left ace-save-state"
            data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right">
        </i>
    </div>
</div>