Maak een instortende lijst met pure CSS -code , zonder de noodzaak voor Java of JavaScript in uw bronbestand . Via het onderstaande voorbeeld code , kunt u een lijst die elke keer dat u klikt op de bijbehorende link in-of uitgeklapt te bereiken . Wanneer u klikt op " Sluiten " de lijst stort uit het zicht en wanneer de link " Openen " wordt geklikt , en vervolgens verschijnt de lijst op het scherm . Instructies
1 Open een teksteditor programma op uw computer en maak een nieuw , leeg document
type 2 de volgende code aan de bovenkant van het document : . < Br
3 > Plaats de volgende code onder de " " tag :
< style type = " text /css " > rij { vertical-align : top ; height : auto belangrijk ; } . . lijst. { display: none ; } tonen { display: none ; } . . hide : doel + toon { weergave : . inline ; } hide : doel { weergave : . none ; } hide : doel ~ lijst { vertoning : inline ; } @ media afdrukken { verbergen , tonen { weergave : . . . none; } } < /style > < ;/head>
4 Plaats de volgende code onder de " < /head > " -tag , die de lijst inhoud en roept de CSS styling eerder ingestelde bevat :
|
