Accordion Menu collapse

I have accordion Vertical Menu. The issue is that when i redirect the page to About us the total expanded menu collapsed. Can anyone suggest me how to mange in jquery.

<div class="content">
<div id="jquery-accordion-menu" class="jquery-accordion-menu">
<div class="jquery-accordion-menu-header"> Header </div>
<li> <a href="#"> <i class="fa fa-cog"> </i> Services </a>
<ul class="submenu"> <li> <a href="#"> Web Design </a> </li><li> <a href="#"> Hosting </a> </li>

<li> <a href="#"> Design </a>
<ul class="submenu">
<li> <a href="About.aspx" id="first"> Graphics </a> </li>
<li> <a href="Default.aspx"> Vectors </a> </li>
<li> <a href="#"> Photoshop </a> </li>
<li> <a href="#"> Fonts </a> </li>
<li> <a href="#"> Consulting </a> </li></ul> </li><li> <a href="#"> <i class="fa fa-newspaper-o"> </i> News </a> </li><li> <a href="#"> <i class="fa fa-suitcase"> </i> Portfolio </a> <ul class="submenu"> <li> <a href="#"> Web Design </a> </li><li> <a href="#"> Graphics </a> <span class="jquery-accordion-menu-label"> 10 </span> </li><li> <a href="#"> Photoshop </a> </li><li> <a href="#"> Programming </a> </li></ul> </li><li> <a href="#"> <i class="fa fa-user"> </i> About </a> </li><li> <a href="#"> <i class="fa fa-envelope"> </i> Contact </a> </li></ul> <div class="jquery-accordion-menu-footer"> Footer </div></div></div>