Show/hide funktion - lille problem

Hej,

Nok ret nemt spørgsmål, men der gives alligevel 50 point. Jeg er ved at lave en show/hide funktion, men der er stadig lidt problemer. Jeg vil gerne have, at der starter med at stå "Læs mere..." på show-funktionen, og derefter "Skjul teksten..." på samme funktion, men nu gør den det jo bare modsat. Jeg har googlet lidt, men jeg synes ikke de er vildt effektive. Til sidst prøvede jeg at lave lidt om på et af dem - problemet med de scripts jeg fandt var, at den kun bytter teksten ud med første ID.

Nok snak. Nu til kode - andre rettelser er også velkomne.

I headeren...:

----------
<script type="text/javascript">
function showHide(id) {
var ele = document.getElementById(id);
if(ele.style.display == "block") {
    ele.style.display = "none";
}
else {
    ele.style.display = "block";
}
</script>
// Jeg valgte at fjerne den funktion jeg prøvede at lave til at skifte teksten, da den ikke virkede.
----------


og brug af det...:

----------
<h2>Eksempel</h2>
Eksempel... <br />
Eksempel... <br />

<div id="n1" style="display: none;">
Uendelige linjer... <br />
Uendelige linjer... <br />
Uendelige linjer... <br />
Uendelige linjer... <br />
</div>

<br />

<a href="#" onclick="showHide('n1');">Læs mere...</a>

----------

Den virker fint, det er bare det med teksten... Hvis du stadig er i tvivl er det link-teksten, jeg snakker om.

Håber på hurtigst svar,
CB