Creare un elenco collasso utilizzando il codice CSS puro , senza bisogno di Java o Javascript nel file di origine . Utilizzando il codice di esempio riportato di seguito , è possibile ottenere un elenco che viene espansa o ogni volta che si fa clic sul link corrispondente . Quando si fa clic su " Chiudi " l'elenco crolla alla vista e quando si fa clic sul collegamento " Expand" , quindi viene visualizzata la lista sullo schermo. Istruzioni
1

Aprire un editor di testo sul computer e creare un nuovo documento vuoto
2

Digitare il seguente codice nella parte superiore del documento : .

3

Inserisci il seguente codice sotto il tag " " :

< style type = "text /css " > riga { vertical-align : top ; altezza : auto importante ; } . . lista. { display: none; } spettacolo { display: none; } . . hide : obiettivo + spettacolo { Display : . inline ; } hide : destinazione {display : . none; } hide : bersaglio ~ lista { display: inline ; } @ media print { nascondere, mostrare {display : . . . none; } } < /style > < ;/head>
4

Inserire il seguente codice sotto la " < /head> " tag , che contiene l' elenco dei contenuti e invita lo stile CSS precedentemente impostata :