ciao a tutti, sono nuovo con il javascript quindi vi chiedo pazienza

ho creato questo codice che con la pressione sul link fa apparire del testo sotto di esso
codice:

<html>
<head>
<script type='text/javascript'>
function funzione1() {
document.getElementById("livelloprova").innerHTML = "<div>111</div>"
}
function funzione2() {
document.getElementById("livelloprova2").innerHTML = "<div>222</div>"
}
</script>
</head>
<body>
Clicca qui111



<div id='livelloprova'></div>

Clicca qui222



<div id='livelloprova2'></div>
</body>
</html>


quando si preme su un link appare il testo corrispondente e fin li funziona, il problema è che se ho gia premuto su un link e premo sull'altro appare il testo di tutti e 2 mentre io vorrei far si che rimanga solo quello dell'ultimo link premuto facendo scomparire l'eventuale testo apparso con la precedente pressione di un altro link.
spero di essere stato chiaro!
grazie a tutti