par

Comment faire des blocs qui se déplient en HTML, de telle manière que lorsqu'on clique sur un titre, le texte correspondant apparaisse ?

1 Réponse

+1 validé
par
 
Meilleure réponse

Pour créer des blocs qui se déplient, en HTML, vous pouvez utiliser les balises <details> et <summary> de la manière suivante :

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Comment faire des blocs qui se déplient en HTML ?</title>
<style>
summary {
 color: white;
 background-color: grey;
 padding: 10px;
 margin-bottom: 20px;
 cursor: pointer;
}
</style>
</head>  
<body>
<details open>
 <summary>Bloc 01</summary>
 <p>Contenu 01</p>
</details>
<details>
 <summary>Bloc 02</summary>
 <p>Contenu 02</p>
</details>
<details>
 <summary>Bloc 03</summary>
 <p>Contenu 03</p>
</details>
</body>
</html>

Vous trouverez une démonstration de ce script, qui permet de plier et déplier des blocs HTML, dans le Bac à codes.

Lectures Informatique Recommandées

meilleurs livres informatique

Suggéré par Google

Offre Sponsorisée

Ailleurs sur le Web

Questions liées

1 réponse
1 réponse
1 réponse
posée par anonyme 19-Décembre-2020
1 réponse
1 réponse
1 réponse
1 réponse

Merci pour votre visite sur 1FORMATIK.com

Un petit clic sur la pub est toujours apprécié, c'est elle qui finance le site

Bon surf

...