title: how to maintain the state of the toggled div tag?
body: <p>I want to hide &amp; show the div tag when click on the  tag.
  suppose i have a  tag as-</p>
  
  <pre><code>&lt;div id="Change"&gt;&lt;a href="#"&gt;More&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>and i have another div as </p>
  
  <pre><code>&lt;div id="toggle"&gt;some controls&lt;/div&gt;
  </code></pre>
  
  <p>When i click on the <code>More link</code> then it should show my <code>div toggle</code> &amp; should change <code>More to Less</code> &amp; when i click on the <code>Less</code> it should <code>hide my div toggle</code> &amp; again <code>text of &lt;a&gt; should be "More"</code> .
  And suppose i'm having other web pages link on the same page. Then if i redirect to other page &amp; come back to the previous page then it should maintain the previous state of the  tag as well as the div toggle.
   And if my page is contain any button which will call the server side event then after event execution it should maintain the state as same as earlier.</p>
  
  <p>How to do this?</p>
  
  <p>thanks</p>