Wybieranie wszystkich elementów podporządkowanych danemu elementowi i pokazywanie ich

Witajcie,
Robię stronę na której odpowiedzi do komentarzy mają pokazywać się po kliknięciu w checkbox (po drugim kliknięciu w checkbox mają znikać). Mam problem, ponieważ nie umiem zrobić odwołania w górę i w dół jednocześnie.
wycinek html:

<ul>
<li id="aa">
  <input type="checkbox" class="ac">
  <ul class="ab">
    <li>
    </li>
  </ul>
</li>
</ul>

css:

.ab{
display:none;
}

I właśnie jak zrobić, aby po zaznaczeniu checkboxa<ul class="ab">się pokazywał?

myślałem o czymś

 .ac:checked + .ab{
display:block
}

, ale to nie działa

Chyba coś źle robisz bo u mnie ten kod działa

<ul>
  <li id="aa">
    <input type="checkbox" class="ac">
    <ul class="ab">
      <li>Siema</li>
      <li>Siema</li>
    </ul>
  </li>
</ul>

<style>
  .ab {
    display: none;
  }

  .ac:checked + .ab {
    display: block
  }
</style>

Masz rację, przykład napisałem dobrze a w kodzie miałem literówkę...