[HTML][CSS]Rozwijanie wykazu Opcje

[Warmix]

Cześć, mam taki kod:

[HTML] pobierz, plaintext 
<ul>
<li>Jeden</li>
  <ul>
  <li>Jeden.Jeden</li>
  <li>Jeden.Dwa</li>
  </ul>
<li>Dwa</li>
<li>Trzy</li>
</ul>
[HTML] pobierz, plaintext 

Chciałbym teraz zrobić za pomocą css'a coś takiego, przy pierwszym starcie wejście na stronę wszystkie li mam ukryte. Dodanie + do każde ul i później kliknięcie na niego spowoduje rozwinięcie wszystkich li należących do danego ul, a później w tych rozwiniętych częściach także dalej mógłbym rozwijać wewnętrzne części. Czy możecie mnie jakoś naprowadzić, jak zrobić takie coś? Z czego skorzystać? Może jakiś przykład albo sugestia?

[KotWButach]

Spróbuj tak:
http://koen.kivits.com/articles/pure-css-menu/

Lub tak:
https://codepen.io/Tont/pen/hdsev

[Warmix]

Okej, nie do końca chodzi o takie coś, aczkolwiek może uda mi się coś z tego wyłowić. Jeśli jeszcze ktoś ma może jakieś wskazówki, będzie miło jeśli się podzieli.