javascript show/hide elements

[BenziD]

I'm using the following script to show/hide search and select on an html page.
When I click on search, the search and select component disappears, and i need to click on "Show Search" to select the values.
What do I need to do to keep the search and select open till I click on "Hide Search"?



<script language="JavaScript">
//<!--
var g_NavOpen = 0;
function togglePromptDiv(){
if (g_NavOpen){
  document.getElementById('divPromptArea').style.display="none";
  document.getElementById('anchorHideShow').innerHTML="Show Search";
  g_NavOpen = 0;}
else{
  document.getElementById('divPromptArea').style.display="";
  document.getElementById('anchorHideShow').innerHTML="Hide Search";
  g_NavOpen = 1;}
}
//-->
</script>
<a href="javascript:togglePromptDiv()" border="0" id="anchorHideShow">Show Search</a>
<div id="divPromptArea_S"  style="display:none; width:470px;
position:absolute;
border-style:dotted; border-width:2px; border-color:#c0c0c0;
filter:alpha(opacity=80);background-color:#ffffff;
z-index:2;">