Wie kann ich Divs mit Klicks nur mit CSS und HTML ein- und ausblenden?

Anzeigen und Ausblenden von Divs beim Klicken mithilfe von CSS und HTML

Das Erreichen zusammenklappbarer Header ähnlich denen in jQuery Mobile ist ohne die Verwendung von jQuery möglich. Hier sind fünf Beispiele, die zeigen, wie das geht:

1. Verwendung von Detail- und Zusammenfassungs-Tags (reines HTML)

Die Detail- und Zusammenfassungs-Tags von HTML5 bieten eine einfache Lösung für dieses Problem und machen Styling oder Skripterstellung überflüssig:

 <summary>Collapse 1</summary><br> <p>Inhalt 1...</p><br></details><br><details><br> <summary>Collapse 2</summary> <br> <p>Inhalt 2...</p><br></details>

Das obige ist der detaillierte Inhalt vonWie kann ich Divs mit Klicks nur mit CSS und HTML ein- und ausblenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

html5 jquery css html for using class this

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn