Maintain the particular state in jquery accordian after postback

[SMak044]

I have the Problem to keep the active accordion open when the li is clicked after the post-back of ASP.NET page.here is the Script:\[code\]$(document).ready(function () { $('#nav > li > a').click(function () { if ($(this).attr('class') != 'active') { $('#nav li ul').slideUp(); $(this).next().slideToggle(); $('#nav li a').removeClass('active'); $(this).addClass('active'); } });});\[/code\]Here is the Markup:\[code\] <ul id="nav"> <li><a href="http://stackoverflow.com/questions/12634769/#">Item 1</a> <ul> <li><a href="http://stackoverflow.com/questions/12634769/#">Sub-Item 1 a</a></li> <li><a href="http://stackoverflow.com/questions/12634769/#">Sub-Item 1 b</a></li> <li><a href="http://stackoverflow.com/questions/12634769/#">Sub-Item 1 c</a></li> </ul> </li> <li><a href="http://stackoverflow.com/questions/12634769/#">Item 2</a> <ul> <li><a href="http://stackoverflow.com/questions/12634769/#">Sub-Item 2 a</a></li> <li><a href="http://stackoverflow.com/questions/12634769/#">Sub-Item 2 b</a></li> </ul> </li> <li><a href="http://stackoverflow.com/questions/12634769/#">Item 3</a> <ul> <li><a href="http://stackoverflow.com/questions/12634769/#">Sub-Item 3 a</a></li> <li><a href="http://stackoverflow.com/questions/12634769/#">Sub-Item 3 b</a></li> <li><a href="http://stackoverflow.com/questions/12634769/#">Sub-Item 3 c</a></li> <li><a href="http://stackoverflow.com/questions/12634769/#">Sub-Item 3 d</a></li> </ul> </li> <li><a href="http://stackoverflow.com/questions/12634769/#">Item 4</a> <ul> <li><a href="http://stackoverflow.com/questions/12634769/Facilitysoft_masterdetails.aspx?view=1">Site Master</a></li> <li><a href="http://stackoverflow.com/questions/12634769/Facilitysoft_masterdetails.aspx?view=2">Phase Master</a></li> <li><a href="http://stackoverflow.com/questions/12634769/Facilitysoft_masterdetails.aspx?view=3">Block Master</a></li> <li><a href="http://stackoverflow.com/questions/12634769/Facilitysoft_masterdetails.aspx?view=4">Subblock Master</a></li> <li><a href="http://stackoverflow.com/questions/12634769/Facilitysoft_masterdetails.aspx?view=5">Floor Master</a></li> <li><a href="http://stackoverflow.com/questions/12634769/Facilitysoft_masterdetails.aspx?view=6">Flat Master</a></li> <li><a href="http://stackoverflow.com/questions/12634769/Facilitysoft_masterdetails.aspx?view=7">Issue Master</a></li> <li><a href="http://stackoverflow.com/questions/12634769/Facilitysoft_masterdetails.aspx?view=8">Gym/Swim Master</a></li> <li><a href="http://stackoverflow.com/questions/12634769/Facilitysoft_masterdetails.aspx?view=9">Stock Master</a></li> <li><a href="http://stackoverflow.com/questions/12634769/Facilitysoft_masterdetails.aspx?view=10">Clubhouse Master</a></li> </ul> </li> </ul>\[/code\]For eg: when i click the "Item 4" and then click the "clubhouse master" that particular aspx page is coming after that accordion is collapsible and need to maintain that particular state.