title: Maintain the particular state in jquery accordian after postback
body: <p>I have the Problem to keep the active accordion  open when the li is clicked after the post-back of ASP.NET page.</p>
  
  <p>here is the Script:</p>
  
  <pre><code>$(document).ready(function () {
      $('#nav &gt; li &gt; a').click(function () {
          if ($(this).attr('class') != 'active') {
              $('#nav li ul').slideUp();
              $(this).next().slideToggle();
              $('#nav li a').removeClass('active');
              $(this).addClass('active');
          }
      });
  
  });
  </code></pre>
  
  <p>Here is the Markup:</p>
  
  <pre><code>                            &lt;ul id="nav"&gt;
                                  &lt;li&gt;&lt;a href="#"&gt;Item 1&lt;/a&gt;
                                      &lt;ul&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;Sub-Item 1 a&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;Sub-Item 1 b&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;Sub-Item 1 c&lt;/a&gt;&lt;/li&gt;
                                      &lt;/ul&gt;
                                  &lt;/li&gt;
                                  &lt;li&gt;&lt;a href="#"&gt;Item 2&lt;/a&gt;
                                      &lt;ul&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;Sub-Item 2 a&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;Sub-Item 2 b&lt;/a&gt;&lt;/li&gt;
                                      &lt;/ul&gt;
                                  &lt;/li&gt;
                                  &lt;li&gt;&lt;a href="#"&gt;Item 3&lt;/a&gt;
                                      &lt;ul&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;Sub-Item 3 a&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;Sub-Item 3 b&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;Sub-Item 3 c&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;Sub-Item 3 d&lt;/a&gt;&lt;/li&gt;
                                      &lt;/ul&gt;
                                  &lt;/li&gt;
                                  &lt;li&gt;&lt;a href="#"&gt;Item 4&lt;/a&gt;
                                      &lt;ul&gt;
                                         &lt;li&gt;&lt;a href="Facilitysoft_masterdetails.aspx?view=1"&gt;Site Master&lt;/a&gt;&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="Facilitysoft_masterdetails.aspx?view=2"&gt;Phase Master&lt;/a&gt;&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="Facilitysoft_masterdetails.aspx?view=3"&gt;Block Master&lt;/a&gt;&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="Facilitysoft_masterdetails.aspx?view=4"&gt;Subblock Master&lt;/a&gt;&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="Facilitysoft_masterdetails.aspx?view=5"&gt;Floor Master&lt;/a&gt;&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="Facilitysoft_masterdetails.aspx?view=6"&gt;Flat Master&lt;/a&gt;&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="Facilitysoft_masterdetails.aspx?view=7"&gt;Issue Master&lt;/a&gt;&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="Facilitysoft_masterdetails.aspx?view=8"&gt;Gym/Swim Master&lt;/a&gt;&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="Facilitysoft_masterdetails.aspx?view=9"&gt;Stock Master&lt;/a&gt;&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="Facilitysoft_masterdetails.aspx?view=10"&gt;Clubhouse Master&lt;/a&gt;&lt;/li&gt;
                                      &lt;/ul&gt;
                                  &lt;/li&gt;
                              &lt;/ul&gt;
  </code></pre>
  
  <p>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.</p>