Πώς να κάνει Καταρρέει Λίστες Χωρίς Java

Δημιουργία λίστας καταρρέει με τη χρήση καθαρής CSS κώδικα χωρίς την ανάγκη για Java ή JavaScript στο αρχείο προέλευσης . Με τη χρήση του δείγματος κώδικα παρακάτω , μπορείτε να επιτύχετε μια λίστα που συμπτύσσει ή αναπτύσσει κάθε φορά που κάνετε κλικ στο αντίστοιχο σύνδεσμο . Όταν κάνετε κλικ στο κουμπί " Collapse" η λίστα καταρρέει από την άποψη και όταν η " Ανάπτυξη " σύνδεση γίνεται κλικ, και στη συνέχεια, η λίστα εμφανίζεται στην οθόνη . Οδηγίες
Η

1 Ανοίξτε ένα πρόγραμμα επεξεργασίας κειμένου στον υπολογιστή σας και να δημιουργήσετε ένα νέο , κενό έγγραφο 2

Πληκτρολογήστε τον ακόλουθο κώδικα στο επάνω μέρος του εγγράφου : . < Br >

εικόνων 3

Εισάγετε τον παρακάτω κωδικό κάτω από το " " tag :

< στυλ type = " text /css " > { γραμμή κάθετη - align: κορυφή? ύψος : auto σημαντικό? } . . λίστα . { display: none ? } show . . { display: none ? } απόκρυψη : στόχος + show { απεικόνιση: inline ? } απόκρυψη : . στόχος { display: none ? } απόκρυψη : . . στόχος ~ λίστα {display : inline ? } @ έντυπα μέσα ενημέρωσης { απόκρυψης, εμφάνισης {display : . . none ? } } < /span > < ;/κεφάλι >
Η 4

Εισάγετε τον παρακάτω κωδικό κάτω από το " < /head> " ετικέτα , η οποία περιέχει το περιεχόμενο λίστα και καλεί το CSS styling που προηγουμένως :
< p >