testo espandibile senza refresh pagina

[cristipe]

buon giorno a tutti ho creato del testo espandibile, cliccando su leggi tutto appare subito sotto la parte mancante di testa, il problema è che ogni volta che clicco su leggi tutto la pagina ritorna all'inizio come se facesse il refresh mentre io vorrei che rimanesse ferma al punto in cui ho cliccato cosa posso fare.
Grazie a tutti quelli che interverranno
cristipe

 

[criric]

Ciao, posta come hai fatto

 

[cristipe]

Ciao, posta come hai fatto

<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 />

nel file js

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;
}

sicuramente c'è il trucchetto che non conosco grazie per l'interessamento ho cercato a lungo su internet una risposta ma forse non ho posto la domanda in modo corretto e sono approdata da poco al mondo js che sto esplorando con grande interesse

 

[criric]

scrivi return false al posto di return true

function toggleMe(a){
        var e=document.getElementById(a);
        if(!e)return false;
        if(e.style.display=="none"){
            e.style.display="block"
        } else {
            e.style.display="none"
        }
        return false;
    }

in questo modo blocchi l'href che ti ricarica la pagina

 

[cristipe]

grazie mille