visibility not showing

Hello all I am having trouble getting my div id box to show and hide here is the code

<a href="#" onclick="hideshow('search')">Search</a>

<script language="JavaScript">
function hideshow(me){
if (me.style.visibility=="hidden"){
me.style.visibility="visible";
}
else {
me.style.visibility="hidden";
}
}
</script>
<div id="search" class="tstyle">
<form method="GET" action="http://www.google.com/search">
<input type=hidden name=ie value=UTF-8>
<input type=hidden name=oe value=UTF-8>
<input type=text name=q style="width:120px" maxlength=255 value="Google Search">
<input type="submit" name="btnG" value="Search">
<input type="hidden" name=domains value="lycosidea.com">
<br />
<input type="radio" name="sitesearch" value="">WWW
<input type="radio" name="sitesearch" value="lycosidea.com" checked>Pod-Tours
</form>
</div>

<script language="JavaScript">
function hideshow(me){
if (document.getElementById(me).style.visibility=="hidden"){
document.getElementById(me).style.visibility="visible";
}
else {
document.getElementById(me).style.visibility="hidden";
}
}
</script>

thankyou!

or a little bit shorter:

function hideshow(me){
getId(me).style.display=(getId(me).style.display=="none"))?"block":"none";
}
function getId(id){
return document.getElementById(id)
}

Cool Thanks