jQuery показывает непосредственную группу Ула при нажатии на иконку

Question

У меня есть структура, которая может иметь несколько уровней, например,

<li>
    <a class="viewdetails"></a>
    <input type="checkbox" class="11015-11017" id="11015-11017" value="11017" name="list_data[11015-11017]">&nbsp;Food Service
    <ul>
        <li>
            <input type="checkbox" class="11015-11017-11021" id="11015-11017-11021" value="11021" name="list_data[11015-11017-11021]">&nbsp;Food Service 
        </li>
        <li>
            <input type="checkbox" class="11015-11017-11023" id="11015-11017-11023" value="11023" name="list_data[11015-11017-11023]">&nbsp;Heff
        </li>
    </ul>
</li>

При нажатии на якорь я хотел бы показать ближайшие ul. В некоторых обстоятельствах могут быть более глубокие уровни отношений.

Я думал, что $ (this) .next ('ul'). Toggle (); возможно, сработало, но это не сработало, потому что между якорем и следующим ul есть поле ввода.

Answer 1

Попробуйте:

$(this).parent().find('>ul').toggle()

Это должно получить ul, который является прямым потомком родителя ссылок.