Problema con il mostra/nascondi di un tasto

Salve, ho questo script per mostrare/nascondere un testo:

Codice HTML:

---

//Mostra/nascondi
function vediTesto(a){
  var e=document.getElementById(a);
  if(!e)return true;
  if(e.style.display=="none"){
    e.style.display="block"
  } else {
    e.style.display="none"
  }
  return true;
}

---

Poi ho creato questo codice:

Codice HTML:

---

<div id="altro" style="display:none;">testo di prova<br></div>
<a href="#" onclick="return vediTesto('altro')">
<script language="javascript">
if(document.getElementById('altro').style.display == "block"){
    document.write("Nascondi")
  }else{
    document.write("Mostra")
}
</script>
</a>

---

Ma qualcosa non funziona, perchè il tasto mostra sempre e comunque "Mostra". Per il resto lo script viene eseguito alla perfezione e quando clicco su "mostra" mi appare/scompare il div.

Ma infatti il valore "Nascondi/Mostra" all'interno di <a> lo stampi con document.write e mi sembra normale che resti statico.

Se vuoi qualcosa di dinamico devi cambiare anche il valore di <a> all'evento onclick, puoi fare:

Codice:

---

function vediTesto(a, p){
    var e = document.getElementById(a);

    if(!e)
        return true;

    if(e.style.display=="none"){
        e.style.display = "block";
        p.innerHTML = "Nascondi";
    } else {
        e.style.display = "none";
        p.innerHTML = "Mostra";
    }

    return true;
}

---

Codice HTML:

---

<div id="altro" style="display:none;">testo di prova<br></div>
<a href="#" onclick="return vediTesto('altro', this)">Mostra</a>

---