Opprett en kollapset liste ved hjelp av ren CSS-koden uten behov for Java eller JavaScript kildefilen . Ved å bruke prøven koden nedenfor , kan du oppnå en liste som kollapser eller utvider hver gang du klikker på lenken til . Når du klikker " Lukk " listen kollapser fra visningen , og når " Utvid " linken er klikket , og deretter en liste vises på skjermen . Instruksjoner
en

Åpne en tekst editor program på datamaskinen og opprette et nytt , tomt dokument
2

Skriv inn følgende kode øverst i dokumentet : .

3

Sett inn følgende kode under " " tag : en

< stil type = "text /css "> rad { vertikal -align : top ; høyde : auto viktig ;} . . listen. {display : none; } showet {display : none ; } . . hide : target + vis { skjerm: . inline ;} hide: target {display : . none; } hide : target ~ liste {display : inline ;} @ media print { skjule, vise {display : . . . none; } } < /style> < ;/head>
4

sett inn følgende kode under " < /head> " tag , som inneholder listen innhold og oppfordringer til CSS styling tidligere innstilt :
< p >