Список скрытых div с кнопками, чтобы показать-скрыть каждого

Question

кто-нибудь знает о простом скрипте, который бы имел список элементов и отображал / скрывал по одному <li> за один раз, не включая ВСЕ их в списке? Просто посмотреть, есть ли у кого-нибудь что-нибудь умное.

Я хочу найти родительский элемент каждой ссылки в списке, чтобы при каждом нажатии только slideToggle соответствовал <li>. Я пытаюсь перечислить классы для школы, и вы можете открывать их и видеть больше по мере продвижения, но не открывать ВСЕ из них сразу и без написания 200 операторов click;)

$('.link').click(function() {
  $('.li').slideToggle();
});


$(this).parent().parent().next('.toggle').toggle('slow')
or

$(this).closest('tr').next('.toggle').toggle('slow');

Answer 1

Почему бы не использовать это:

$('.link').click(function(){
    $(this).parents('.li').slideToggle();
});

---

Чтобы объяснить, в обработчике событий у вас есть доступ к элементу, который вызвал событие через this.

Оттудавсе, что вам нужно сделать, это поместить этот элемент через this в объект jQuery $(this) и использовать методы обхода jQuery , чтобы найти целевой элемент.

Также,обратите внимание, что '.li' будет искать элемент, к которому применен класс с именем li.

Если вы действительно нацеливались на элементы <li> независимо от их класса,тогда вы захотите удалить ..