Créer lien "lire la suite" pour article trop long

zoro -  
dugenou Messages postés 6262 Statut Contributeur -
Bonjour,

Je souhaite alléger (visuellement) ma page car il y a beaucoup de texte. Pour cela, j'aimerais donc insérer un lien "lire la suite" qui lorsque l'on clique dessus afficherait le texte en dessous puis permettrait de "masquer les textes" selon l'envie du visiteur.
J'ai vu ça sur quelques sites et je trouve ça plutôt pas mal. Je pense qu'il faut utiliser du css mais je ne sais pas exactement. Je n'ai pas envie d'utiliser de js.

Je vous remercie pour tous vos conseils et pour votre aide

zoro
A voir également:

5 réponses

Réponse 1 / 5
dugenou Messages postés 6262 Statut Contributeur 1 452
 
Bonjour,

Tu peux utiliser ceci (trouvé avec une recherche) :


CSS 
<style type="text/css">
#cache {
   display: none;
}
#cache:target {
   display: block;
}
</style>



HTML 
<div>Ton texte visible<a href="#cache"> [Lire la suite] </a></div>
<div id="cache">La suite du texte<a href=""> [Voir moins]</a></div>



2

Discussions similaires

afficher une image en cliquant sur un lien
cadprog -
cadprog -

3 réponses
Image en HTML ne s'affiche pas
Visionnaire -
Visionnaire -

13 réponses
192.168.49.1
4Pedro -
hopelan -

1 réponse
rendre une barre de recherche fonctionnelle
andyfmj -
jordane45 -

5 réponses
Afficher des données de ma BDD en HTML ET PHP (PDO)
Thomas -
totodunet -

3 réponses
Créer une table des matières en HTML sous WordPress
agir54 -
agir54 -

4 réponses