Rozbalovací text

Zdavim,

mám problém. Potřebuju vytvořit v HTML rozbalovací text. Například dvouslovný nadpis by měl jít rozkliknout do obsáhlého textu. Povedlo se mi najít toto:


<a href="#" id="avice" onclick="this.style.display = 'none'; document.getElementById('vice').style.display = 'block';">Více...</a>
<div id="vice" style="display: none;">Skrytý text...
<br>
<a href="#" onclick="document.getElementById('vice').style.display = 'none'; document.getElementById('avice').style.display = 'block'">Méně...</a>
</div>

což funguje dobře když je to samotné. Pokud to ale zkopíruju několikrát pod sebe s jinýmy názvy a obsahy textu, tak při zpátečném prokliknutí vše zmizí a zůstane pouze ten první odkaz. Doufám, že jde rozumět mému problému. Předem díky za pomoc