Keyarn Graham Thanks sir!! Plz i also av this

<script> function first(){ document.getElementById('main1').innerHTML='<b>The first page</b>'; document.getElementById('main2').innerHTML='<b>The second page</b>'; document.getElementById('main3').innerHTML='<b>The third page</b>'; } </script> <span class="zxfourborder"><div class="top_nav"><button onclick="first()"> menu </button></span></div><br /><span class="full"><p id="main1" align="left"></span></p><span class="full"><p id="main2" align="left"></span></p><span class="full"><p id="main3" align="left"></span></p><p id="main4" align="left"></p>

now i need a click button xo that when ever someone click on it all de tree values will disapear asin i want to hide them back with a click button