salve ho questo script



<script>
window.onload=function(){


var event = document.getElementById("event");
event.onclick=function(){
var event = document.getElementById("event");
var content = document.getElementById("contenutomostra");
if(content.style.display == "none") {
content.style.display = "";
event.innerHTML = "Mostra";
}
else {
content.style.display = "none";
event.innerHTML = "Mostra";
}
}










var event2 = document.getElementById("event2");
event2.onclick=function(){
var event2 = document.getElementById("event2");
var content2 = document.getElementById("contenutovalore");
if(content2.style.display == "none") {
content2.style.display = "";
event2.innerHTML = "Valore";
}
else {
content2.style.display = "none";
event2.innerHTML = "Valore";
}
}






}
</script>








<button id="event">Mostra</button>








<button id="event2">Valore</button>






<div id="contenutomostra" style="display:none">
<input type="text" value="MOSTRA">
</div>


<div id="contenutovalore" style="display:none">
<input type="text" value="VALORE">
</div>



I bottoni funzionano regolarmente, è possibile modificare questo .... è possibile una volta cliccata la seconda opzione (VALORE) in automatico nello stesso posto si nasconda la prima (MOSTRA) ??
Come si puo modificare lo script ??

Grazie

Un saluto.