how use javascript to expand and close div tags in asp.net page

this is what i have:    

...
function toggleMe(a){
  var e=document.getElementById(a);
  if(!e)return true;
  if(e.style.display=="none"){
    e.style.display="block"
  } else {
    e.style.display="none"
  }
  return true;
}

...
<div class="var_win">
    <table class="var_win_top">
      <tr>
        <td class="t_cl"><img src="../images/blue/spacer.gif" alt=" " width="5" height="1" /></td>
        <td class="t_center"><div class="inline_img_16">
        <input type="image" src="../images/blue/chev_dwn.png" onclick="return toggleMe('para1')" alt="Expanded" />
        </div><h1>Discipline SIM Performance</h1></td>
        <td class="t_cr"><img src="../images/blue/spacer.gif" alt=" " width="5" height="1" /></td>
      </tr>
    </table>
    <div>
    </div>
    <div id="para1" style="display:none">
    Yes, all the scripts on this site are free for personal or business use. The only requirement for using them is that you leave the credit information inside the script.
    </div>

    <table class="var_win_btm">
      <tr>
        <td class="b_bl"><img src="../images/blue/spacer.gif" alt=" " width="5" height="1" /></td>
        <td class="b_center"><img src="../images/blue/spacer.gif" width="1" height="1" alt=" " /></td>
        <td class="b_br"><img src="../images/blue/spacer.gif" alt=" " width="5" height="1" /></td>
      </tr>
    </table>
    </div>

the expanding and contracting works, but the subsequent page reload reset everything back to the original state.  i suspect this is either a simple solution or something complicated that requires 3rd party tool.  thanks.Start Free Trial