Menu rozszerzające się/eleganckie

1. Co to jest zamieszane menu?
2. Jak dodać przycisk Rozwiń i zwinąć w HTML?
3. Jak zwinąć menu w CSS?
4. Co to jest wymyślona lista?

Co to jest zamieszane menu?

Zakapane menu to pionowe menu listy, które zwraca się do rozszerzalnych tytułów menu, gdy jest wyświetlane na urządzeniach mobilnych. Są one używane prawie wyłącznie w stopce i mogą być używane w siatkach do tworzenia kolumn o składanych menu.

Jak dodać przycisk Rozwiń i zwinąć w HTML?

Aby kontrolować (pokaż/ukryć) zawieszoną zawartość, dodaj atrybut data-toggle = „cullapse” do <a> lub <przycisk> element. Następnie dodaj atrybut data-cel = "#id", aby podłączyć przycisk z zawartą zawartością (<div id = „demo”>).

Jak zwinąć menu w CSS?

Upadek & Zwiększać

Teraz musimy tylko ustawić domyślny stan menu, aby został zwinięty. Robimy to, zmieniając maksymalną wysokość . menu-content do 0, ale wyświetla maksymalne wysokość 100% po sprawdzeniu pola wyboru. Otóż ​​to!

Co to jest wymyślona lista?

Zamczepiona lista wyświetli się i ukryje daną sekcję treści po kliknięciu jej nagłówka. Zamczepiona lista pojawi się początkowo jako seria nagłówka 5s lub nagłówka 6s ze strzałką obok każdego. Kliknij nagłówek raz, aby rozwinąć zawartość i ponownie, aby ją zamknąć.