testo espandibile senza refresh pagina

<div class="texthp">
Testo visibile 1<a class="mail" href="#" onclick="return toggleMe('para1')">leggi tutto</a>
<div id="para1" style="display:none">
testo che si espande</div>
   <br /><br />
Testo visibile 2<a class="mail" href="#" onclick="return toggleMe('para2')">leggi tutto</a>
 <div id="para2" style="display:none">
    testo che si espande</div>
 <br /><br />
 Testo visibile 3<a class="mail" href="#" onclick="return toggleMe('para3')">leggi tutto</a>
  <div id="para3" style="display:none">
    testo che si espande</div>
   <br /><br />

function toggleMe(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;
}