Список jquery в селекторе списка для slideUp

Question

у меня есть список в таком списке

 <ul>
  <li>
   <ul>
    <li>something</li>
    <li>something</li>
   </ul>
  </li>

  <li>
   <ul>
    <li>something2</li>
    <li>something2</li>
   </ul>
  </li>
 </ul>

я использую селектор (см. Ниже), чтобы скрыть второй элемент основного списка, но эта строка скрывает 1. второй элемент подсписка.Я хочу скрыть второй элемент основного списка, как я могу это сделать?

$("#main_menu ul li:eq(1)").slideUp();

Answer 1

Попробуйте это (при условии, что ul является прямым потомком main_menu).

 $("#main_menu > ul > li:eq(1)").slideUp();

В вашем селекторе #main_menu ul li выберет все элементы li в каждом ul из main_menu, поэтому вы должны указать только поиск ближайших потомков, используя > селектор дочерних элементов.

Демо