[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?