Basculer visibilité d'une section

Exemple pour Francis de la SCHL

by Bruno G.

HTML

<div>Cliquez sur « Source » pour basculer la visibilité</div>
<a href="#" id="srcLnk">Source</a>
<div id="src">Voici des sources :<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ornare auctor nisl sed viverra. Proin luctus, diam at rhoncus congue, felis justo elementum augue, ac commodo arcu felis sed nisl.<br><br>
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse quis leo dui, sed sodales quam. Ut venenatis dictum porttitor. Mauris molestie, massa nec ornare ornare, magna augue faucibus lectus, vel pretium orci augue ut orci.<br><br>
In ac quam vel tellus lobortis consectetur. Etiam suscipit laoreet purus, ac lacinia quam luctus et. Phasellus luctus, lacus vitae adipiscing adipiscing, eros nibh accumsan nulla, sed suscipit sapien magna sit amet dolor.
</div>
    <div class="rest">Le reste de la fiche...</div>
</div>

CSS

body {margin:15px}
div {margin:10px 0}
#srcLnk {border:1px solid black;background-color:LightGrey;color:black;text-decoration:none;padding:5px}
#src {display:none}
.rest {background-color:LightYellow}

JavaScript

$('#srcLnk').click(function(){
    $('#src').toggle();
    return false;
});