martin: onLoad und hide

Beitrag lesen

hallo habe folgendes prob.:
möchte einen hide button und einen show button erstellen.
wenn man die seite betritt soll ein text darstehen und die möglichkeit auf hide zu klicken, damit der text verschwindet. während dessen soll aber show nicht zu sehen sein. klickt man auf hide, soll anschließend der hide button verschwinden und der show button erscheinen. habe folgenden script geschrieben, der allerdings nicht funktioniert. frage: kann mir jemand bei dem problem helfen? ist wichtig.. vielen vielen dank im voraus, viele grüsse, martin
<script type="text/javascript">
<!--

function hideMyDiv(){
 var myDiv = document.getElementById('myDiv');
 myDiv.style.display='none';
}

function showMyDiv(){
 var myDiv = document.getElementById('myDiv');
 myDiv.style.display='';
}

}

function hideButton(){
 var Button = document.getElementById('Button');
 Button.style.display='none';

}
//-->
</script>
</head>
<body onLoad="hideButton()">
<p id="myDiv">
TEST
</p>

<a href="javascript:hideMyDiv()">hide</a>

<span id="Button">
<a href="javascript:showMyDiv()">show</a>
</span>