28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Ça se gère en CSS et JavaScript. Le JavaScript permettra par exemple de jongler entre des classes "open" et "closed" pour le conteneur de la news, lors du clic sur le titre.

Le principe:
1. En CSS, on garde tous les éléments affichés.
2. En JavaScript, on cache le contenu de la news en appliquant une classe "closed" au conteneur de chaque news (et on gère en CSS avec du display: none).
3. On crée une fonction JavaScript rattachée à l'évènement onclick sur le titre de la news, et qui permet de basculer entre les classes "open" et "closed".

L'icone avec le + ou le - peut se gérer en image de fond, et on peut la faire varier en fonction de la classe utilisée.