ASP.net saving hidden divs state
<p>I have a hacked up drop down box which displays and hides certain divs.</p>

<pre><code>&lt;div id="dropDownMenu" onclick="showMenu();"&gt;Option 2
  &lt;ul&gt;
    &lt;li onclick="showDiv('div1');"&gt;Option 1&lt;/li&gt;
    &lt;li onclick="showDiv('div2');"&gt;Option 2&lt;/li&gt;
    &lt;li onclick="showDiv('div3');"&gt;Option 3&lt;/li&gt;
    &lt;/ul&gt;
&lt;/div&gt;
</code></pre>

<p>This works perfectly fine, except when my asp form button is clicked it reloads the page to the default load view (show Option 2 and div2).  How do I make it so the combobox does not reset to default every time I click the asp form button?</p>

<p><strong>Edit:</strong> Okay I was able to add the hidden field no problem but I've never used the clientID property.  Help me out?</p>

<p>html:    </p>

<pre><code>&lt;asp:HiddenField ID="currentSelection" value="div2" runat="server" /&gt;
</code></pre>

<p>javascript:</p>

<pre><code>document.getElementById('currentSelection').value=divName; 
</code></pre>

<p>Then I want to add </p>

<pre><code>showDiv(document.getElementById('currentSelection').value) 
</code></pre>

<p>to the end of my button click.</p>
