|
Créer une liste s'effondrer en utilisant pur code CSS sans avoir besoin de Java ou JavaScript dans votre fichier source. En utilisant l'exemple de code ci-dessous , vous pouvez obtenir une liste qui rétracte ou développe chaque fois que vous cliquez sur le lien correspondant. Lorsque vous cliquez sur "effondrement" de la liste s'effondre de vue et quand le lien «Expand» est cliqué, puis la liste apparaît sur l'écran . Instructions
1 Ouvrez un éditeur de texte sur votre ordinateur et de créer un nouveau document vierge
2 Tapez le code suivant en haut du document : . < Br >
3 Insérez le code suivant sous l'étiquette " ":
< Style type = " text /css" > row { vertical-align : top ; height: auto importante ;} . . liste. { de display: none; } show { display: none; } . . hide : objectif + show { affichage : . inline ;} hide : cible {display: . none;} hide: cible ~ { liste de display: inline ;} @ media print { masquer, afficher {display: . . . none;} } < ;/head>
4 Insérez le code suivant sous le " " tag , qui contient le contenu de la liste et appelle le style CSS précédemment défini :
5 Fermer le document HTML avec le bon en tapant au fond :
6 Enregistrez le fichier HTML dans votre programme d'édition de texte . Le fichier doit être enregistré avec le "HTML" ou l'extension de fichier " HTM " de sorte qu'il s'affiche correctement dans un navigateur Web.
7 Ouvrez le fichier sauvegardé dans votre navigateur et vérifier la liste pliable fonctionnalité.
|
