Ako si vyrobiť zbalení zoznamov Bez Java

Vytvoriť kolabujúcej zoznamu pomocou čistého CSS kódu bez nutnosti Java alebo JavaScript vo vašom zdrojovom súbore . Pomocou ukážkový kód nižšie , môžete dosiahnuť zoznam , ktorý zbalí alebo rozbalí zakaždým , keď kliknete na príslušný odkaz . Po kliknutí na tlačidlo " Zbaliť " zoznam zrúti z pohľadu a po kliknutí na odkaz " Zväčšiť " , a potom sa objaví zoznam na obrazovke . Pokyny dovolená 1

Otvorte textový editor program na vašom počítači a vytvoriť nový , prázdny dokument
2

Zadajte nasledujúci kód v hornej časti dokumentu : .

3

Vložte nasledujúci kód pod " " tag :

< štýl type = " text /css " > riadok { vertical - align : top ; výška : auto dôležitá ; } .. zoznam . { display : none ; } prehliadka .. { display : none ; } hide : target + výstava { display : inline ; } hide : . target { display : none ; } skryť : .. target ~ zoznam { display : inline ; } @ media tlač { skryť , výstavy { display : .. nie je ; } } < /style > < ;/head >
4

Vložte nasledujúci kód pod " < /head > " tag , ktorý obsahuje obsah zoznamu , a vyzýva CSS štýl skôr nastavenej :