[JS][JQuery] Jaki selektor w tym przypadku?

Witam

Mam listę z trzema nadrzędnymi
W każdym z nich umieszczony jest cb, po kliknięciu którego wyświetlana ma być kolejna lista, w której istnieje taka sama opcja pokazanie kolejnej zagnieżdżonej listy.

Lista w całości "otworzona":

Lista w całości zamknięta:

Fragment struktury:

          <ul>
            <li>
              <div class="cb">
                <label for="set_p_date">Chcę ustawić datę publikacji strony</label>
                <input type="checkbox" id="set_p_date" />
              </div>
              <ul class="date">
                <li>
                  <label for="p_date">Data publikacji</label>
                  <input id="p_date" name="p_date" />
                  <div class="cb">
                    <label for="set_p_time">Chcę ustawić czas</label>
                    <input type="checkbox" id="set_p_time" />
                  </div>
                  <ul class="time">
                    <li>
                      <label for="p_time">Czas publikacji</label>
                      <input id="p_time" name="p_time" />
                    </li>
                  </ul>
                </li>
              </ul>
       ....
</ul>

I tutaj mam problem nie wiem w jaki sposób odseparować cb znajdujące się w nadrzędnych i przydzielić im odmienne funkcje akcji (pokazujące/chowające innego ul'a), od tych znajdujących się wewnątrz.

ul#glowna_lista > li
ul.date > li

Dzięki