Jquery выбрал проблему индекса

Question

Я пытаюсь сделать простой пример show-hide, но я не могу выбрать скрытые элементы с помощью eq () или not ().Базовая структура выглядит так:

<ul id="info">
  <li><a href="#">İletişim Adreslerimiz</a></li>
  <li><a href="#">Kroki</a></li>
 </ul>
 <ul id="info-ic">
  <li><p>Adres Bilgilerimiz</p></li>
  <li><p>Kroki Bilgisi</p></li>
 </ul>

и код jquery:

$('#info > li').click(function(){
 $('#info-ic').find('li:eq('+$(this).index()+')').show();
 $('#info-ic').find('li:not('+$(this).index()+')').hide();
});

Answer 1

find() выполняет поиск потомков выбранных элементов, а не самих элементов. Использование:

$('#info-ic > li:eq(' + $(this).index() + ')')
$('#info > li:eq(' + $(this).index() + ')')

Или:

$('#info-ic').children('li:eq(' + $(this).index() + ')')
$('#info').children('li:eq(' + $(this).index() + ')')