Contenu afficher/masquer

Salut,

Voila j'ai un code css/html pour afficher/masquer des articles texte. Cela fonctionne très bien dans la page html mais lorsque j'envoie cette page en e-mailing on ne peut plus cliquer sur les liens, wanadoo par exemple recharge la page simplement mais ne montre pas le texte masqué.

Merci de votre aide pour modifier mon code ou m'en indiquer un autre

.jecache {
	display:none;
	text-decoration: none;
}
.jemontre {
	display:block;
	text-decoration: none;
}
.lienjecache, .lienjemontre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

<p>Ici le texte affiché par défaut à l'écran</p><br />
<a style="display: inline;" id="lirelasuite1_afficher" class="lienjemontre" href="#lirelasuite1" onclick="document.getElementById('lirelasuite1').className = 'jemontre'; this.style.display = 'none';return false;" name="lirelasuite1_afficher">Lire la suite</a>
<div id="lirelasuite1" class="jecache">ici la zone de texte masqué qui apparait au clic sur lire la suite<br />
<a class="lienjecache" href="#lirelasuite1_retour" onclick="document.getElementById('lirelasuite1').className = 'jecache'; document.getElementById('lirelasuite1_afficher').style.display = 'inline';">Masquer</a></div>