Page de test "Voir plus"

Cette page de test est destiné à mettre au point le mécanisme de boutons "Voir plus" / "Voir moins" qui permettra de n'afficher que le début des textes trop longs.

L'idée est de simplifier au maximum l'usage de ce mécanisme : un script JS se charge de tout mettre en place, du moment qu'il détecte sur un contenu la classe CSS "longtexte".

Le bouton "Voir plus" est alors créé, qui apparaît au bout de quelques lignes et masque la suite. Au clic sur ce bouton, l'ensemble du texte apparaît, et le bouton devient "Voir moins", qui permet de revenir à l'état initial.

Ci-dessous un texte à abréger

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nibh nunc, pretium vitae pharetra aliquam, vehicula pulvinar mi. Sed vitae pellentesque justo. Vivamus viverra ante sit amet risus maximus malesuada. Nulla sollicitudin nulla vitae ante condimentum, ac iaculis lectus pulvinar. Praesent ultricies lacus purus, eget varius lectus dapibus ac. Praesent feugiat, diam a venenatis blandit, magna lorem eleifend augue, ac dapibus ex nulla sit amet est. Ut sit amet magna in elit auctor rutrum ut id odio.

Et un autre

Phasellus velit nisi, vehicula nec sodales eget, fermentum a leo. Sed sed nunc in libero tristique convallis quis id magna. Quisque vel massa porttitor, feugiat lorem non, congue tellus. Donec eu lobortis diam. Ut facilisis sem sapien, a tempor nulla porta sed. Curabitur vulputate ligula nisl, et dictum purus efficitur id. Aliquam eu risus vestibulum ex ornare placerat vitae et nulla. Cras a orci facilisis, semper purus vitae, ornare sapien. Maecenas elit mauris, lacinia quis eros ornare, aliquam porta leo. Aliquam id justo molestie, dapibus sapien sit amet, sodales ante.

Aliquam gravida magna ut lacus varius vehicula. Fusce elementum malesuada tincidunt. Morbi mattis tempus risus, ut iaculis nisl aliquam at. Donec ac pulvinar felis. Cras dapibus ex quis commodo aliquam. Vivamus id urna non tortor rutrum porttitor id sed est. Etiam vel feugiat magna, non efficitur risus. Sed sit amet sem bibendum, sodales dui eu, vestibulum sem. Integer ultricies ex condimentum sagittis laoreet. Nulla tincidunt suscipit erat, id congue arcu volutpat eu. Nunc viverra sodales mauris sed dictum. Proin eleifend viverra aliquet. Praesent pharetra, lacus a semper semper, metus erat rutrum nibh, id fringilla diam nisl quis dui. Fusce euismod tempus mauris, eget condimentum nibh tempor vel. Vestibulum ut cursus nibh. Praesent iaculis turpis non ultrices feugiat.