Ouvrir un texte avec un clic de souris

Ce script permet d'ouvrir et fermer un texte. Cette fonction est très intéressante lorsque le texte est bien long.

En HTML de votre article, vous collez :

Code HTML :
 
<div id="replie" style="display: block;">
<span
onClick="document.getElementById('deplie').style.display = 'block';
document.getElementById('replie').style.display = 'none';">
Cliquez
</span>
</div>
<div id="deplie" style="display: none;">
<span
onClick="document.getElementById('replie').style.display = 'block';
document.getElementById('deplie').style.display = 'none';">
Cliquez
</span>
<br>
Votre texte
</div> 


Remplacez "Votre texte" par la suite du texte à masquer.

Résultat:


Il était une fois... une dame qui rêvait d'avoir une petite fille, mais son désir n'était toujours pas exaucé. Alors, elle va chez la magicienne pour lui exposer son problème. La magicienne lui donne une graine d'orge. Enfin son rêve se réalise : Une petite fille haute comme un pouce. Ses parents lui donnèrent le nom de Poucette. Ils lui firent un lit dans une coquille de noix. Un nuit, pendant que la maisonnée dormait, une grosse grenouille casse le carreau de la chambre de Poucette et emporte Poucette chez elle. Et, pour éviter que Poucette ne s'enfuit, elle la dépose sur un nénuphar au milieu de l'étang. Des petits poissons ont voulu aider Poucette. Un papillon dit à Poucette de lui lancer sa ceinture, puis il pose Poucette dans une maison de scarabée. Quand le scarabée vit Poucette, il appelle vite ses amis. Mais son ami est jaloux de lui, il libère Poucette pendant la nuit.
Cliquez

Cette page a été vue 2316 fois