Rozwijana lista HTML i CSS

Question

Jak zrobić rozwijane "drzewko" plików? Nie mam zupełnie pomysłu. Chodzi mi o takie coś:

Answer 1

Przy użyciu listy html i js do zwijania i rozwijania.

Przykład: https://codepen.io/unmeshdusane/pen/azYZrL

Comments

Też na początku myślałem o html+js. Nie da się tego zrobić przy pomocy tylko html i css?

---

Tutaj i tak JS będzie się ograniczał do dodawania/usuwania klas i ewentualnie zmiany stanu(aria-expanded), więc najlepszym rozwiązaniem jest HTML + JS.

---

Da się. label + <input type="checkbox"/> lub a + :target.

http://www.forumweb.pl/css/zmiana-zawartosci-div-po-kliknieciu-na-link,92505
https://developer.mozilla.org/en-US/docs/Web/CSS/:checked