• texte au clic

    Ma page précédente présente le même principe, avec animation au survol; on peut facilement la transformer au clic.
    Le clic de retour n'est pas indispensable puisqu'un clic hors montage à le même effet de retour.

    Dans un village, le vieux curé, ne voulait plus entendre les femmes lui dire qu'elles avaient trompé leur mari.
    Si bien que lorsqu'elles trompaient leur mari, il fallait qu'elles disent : - " Monsieur le curé, je suis tombée dans le lavoir. "
    Un jour, le vieux curé voit arriver son remplaçant, un jeune prête.
    Il le met au courant de la vie dans le village, le présente aux notoriétés et arrive le jour de confesse.
    Une phrase revenait souvent :
    - " Monsieur le curé, je suis tombée dans le lavoir ".
    Au bout de quelques semaines, le jeune prête va voir le maire, pour qu'il fasse faire de suite des travaux au lavoir, pour arrêter tous ces accidents récurrents.
    Le maire étant au courant de la fameuse phrase, lui tape sur l'épaule et le rassure en lui disant que ce n'est pas bien grave, et qu'il n'y a jamais eu de blessées.
    Le jeune curé, lui répond :
    - " A votre place, je ferai rapidement les travaux car votre femme est tombée trois fois dedans la semaine dernière. "


    <div style="width: 90vw; height: 50vh;"><input id="f1" type="text" value="Cliquez cette partie" />
    <p id="f2">Dans un village, le vieux cur&eacute;, ne voulait plus entendre les femmes lui dire qu'elles avaient tromp&eacute; leur mari.<br /> Si bien que lorsqu'elles trompaient leur mari, il fallait qu'elles disent : - " Monsieur le cur&eacute;, je suis tomb&eacute;e dans le lavoir. "<br /> Un jour, le vieux cur&eacute; voit arriver son rempla&ccedil;ant, un jeune pr&ecirc;te.<br /> Il le met au courant de la vie dans le village, le pr&eacute;sente aux notori&eacute;t&eacute;s et arrive le jour de confesse.<br /> Une phrase revenait souvent :<br /> - " Monsieur le cur&eacute;, je suis tomb&eacute;e dans le lavoir ".<br /> Au bout de quelques semaines, le jeune pr&ecirc;te va voir le maire, pour qu'il fasse faire de suite des travaux au lavoir, pour arr&ecirc;ter tous ces accidents r&eacute;currents.<br /> Le maire &eacute;tant au courant de la fameuse phrase, lui tape sur l'&eacute;paule et le rassure en lui disant que ce n'est pas bien grave, et qu'il n'y a jamais eu de bless&eacute;es.<br /> Le jeune cur&eacute;, lui r&eacute;pond :<br /> - " A votre place, je ferai rapidement les travaux car votre femme est tomb&eacute;e trois fois dedans la semaine derni&egrave;re. "</p>
    <input id="ff" type="text" value="X" /></div>

    <style><!--
    #f1, #f2{float:left; font-size:2.5vh; transform:uppercase; margin:0 0.1vw; background:transparent; border:none;}
    #f1{color:red!important; text-shadow:0.1vw 0.1vh black;}
    #ff{position:absolute; transform:translate(60vw,0vh); font-size:4vh; line-height:4vh;color:red!important; width:2vw; height:3vh; border-radius:50%; text-align:center;}
    #f2{transition:all 1s linear 0s; height:0vh; overflow:hidden; background:url('http://ekladata.com/sMSqTXufd7rv6et4q5rbman24A8/356.jpg');}
    #f1:focus ~ #f2{height:45vh;}
    --></style>