Задайте все вложенные li выбранного родителя li

Question

У меня есть три неупорядоченных списка, вложенных друг в друга. Второй и третий ul является спрятался (display: none;)

К первому событию я должен показать все ul.second элементы первого li из ul.first.

К второму мероприятию мне нужно показать все ul.third элементов в начале li от ul.second. Вот код:

HTML

<ul class="first"> 
<li class="first-element"> 
    <ul class="second"> 
     <li class="second-element"> 
      <ul class="third"> 
       <li class="third-element"></li> 
       <li class="third-element"></li> 
       <li class="third-element"></li> 
      </ul> 
     </li> 
     <li class="second-element"> 
      <ul class="third"> 
       <li class="third-element"></li> 
       <li class="third-element"></li> 
       <li class="third-element"></li> 
      </ul> 
     </li> 
     <li class="second-element"> 
      <ul class="third"> 
       <li class="third-element"></li> 
       <li class="third-element"></li> 
       <li class="third-element"></li> 
      </ul> 
     </li> 
    </ul> 
</li> 
<li class="first-element"> 
    <ul class="second"> 
     <li class="second-element"> 
      <ul class="third"> 
       <li class="third-element"></li> 
       <li class="third-element"></li> 
       <li class="third-element"></li> 
      </ul> 
     </li> 
     <li class="second-element"> 
      <ul class="third"> 
       <li class="third-element"></li> 
       <li class="third-element"></li> 
       <li class="third-element"></li> 
      </ul> 
     </li> 
     <li class="second-element"> 
      <ul class="third"> 
       <li class="third-element"></li> 
       <li class="third-element"></li> 
       <li class="third-element"></li> 
      </ul> 
     </li> 
    </ul> 
</li> 
</ul> 

CSS

ul.second li { 
    display: none; 
} 
ul.third li { 
    display: none; 
} 

JS

$('li.first-element:eq(0) li.second-element').show(); // works fine, it shows only li.second-element of ul.first first li 
$('li.second-element:eq(0) li.third-element').show(); // does not work, in log it gives me empty [] 

Как настроить таргетинг li.second-element:eq(0) li.third-element другим способом?

Answer 1

затем

$('.first li:eq(0) .second > li'); 
$('.second > li:eq(0) .third > li');