Art.10.8.21

Voulant illustrer un tableau avec des cases différentes, j'ai cherché des exemples pour la commande "lire la suite" et je vais utiliser les codes trouvés pour deux pages.

Je n'ai changé que le texte, les identifiants sont ceux d'origine.

L'origine de cette page est: http://jsbin.com/ezexek/2/edit

*********
<div id="post1">Deux Arabes qui ne se sont pas vus depuis longtemps se rencontrent.
<div class="lasuite">
<p>...Survolez l'extrait pour lire la suite...</p>
</div>
<div class="demasquer"><br /><br />Le premier, vêtu comme un prince, descend d’une superbe Mercedes.
L’autre, à l’allure misérable, dit à son ami :
- Eh bien dis donc, tu as réussi ! Tu fais quoi ?
- Je mendie dans le métro.
- Hein ? Ça rapporte tant que ça ?
- Bien sûr. Essaye. Tu t’installes avec une pancarte, tu vas voir…<br><br>

Deux jours plus tard, l’autre revoit son compatriote.
- Hé, Ahmed, tu t’es foutu de moi !
En deux jours, j’ai ramassé un euro !
Pourtant sur ma pancarte j’avais écrit : « Ma femme est malade, ma fille est à l’hôpital, mon bébé n’a plus de lait. »
Le métro, ça ne vaut rien !

- Dis pas de bêtises, fait Ahmed, regarde ce que j’ai ramassé en deux jours.
Il ouvre une énorme sacoche remplie jusqu’en haut de billets de dix euros.
- Ce n’est pas vrai ! Fait l’autre éberlué. Mais qu’est-ce que t’avais mis sur ta pancarte ?
- J’avais écrit : « Il me manque dix euros pour rentrer en Algérie. »

</div>

<style><!--
.lasuite {color:brown;font-variant:small-caps;}
.demasquer {display:none;}
#post1:hover .demasquer {display:inline;}
#post1:hover .lasuite {display:none;}
.demasquer:hover {display: inline;}
--></style>