communauté

Apprendre

Bibliothèque d'outils

Outils d'IA

Loisirs

Français

Maison > interface Web > tutoriel CSS > Comment puis-je afficher et masquer les divisions en quelques clics en utilisant uniquement CSS et HTML ?

Comment puis-je afficher et masquer les divisions en quelques clics en utilisant uniquement CSS et HTML ?

Patricia Arquette

Libérer： 2024-11-30 16:51:11

original

836 Les gens l'ont consulté

How Can I Show and Hide Divs with Clicks Using Only CSS and HTML?

Afficher les divisions masquées lors d'un clic à l'aide de CSS et HTML

Il est possible d'obtenir des en-têtes pliables similaires à ceux de jQuery Mobile sans utiliser jQuery. Voici cinq exemples qui montrent comment procéder :

1. Utilisation des balises de détail et de résumé (HTML pur)

Les balises de détail et de résumé HTML5 offrent une solution simple à ce problème, éliminant le besoin de style ou de script :

 <résumé>Réduire 1</summary><br> <p>Contenu 1...</p><br></details><br><details><br> <summary>Réduire 2</summary> <br> <p>Contenu 2...</p><br></details>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Article précédent：Comment puis-je accéder au contenu généré par CSS à l'aide de JavaScript ? Article suivant：Comment puis-je simplifier le CSS multi-navigateurs avec préfixe de fournisseur ?

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur

Derniers numéros

function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...

Depuis 2024-04-29 11:01:01

2798

Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?

Depuis 2024-04-23 00:22:19

2926

La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...

Depuis 2024-04-19 15:37:47

2441

Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...