切换具有相同类名的元素仅对于单击的可见/不可见

  • |Toggle|
    Peter
    3 january 1984
    Funny guy
    0879876745
  • |Toggle|
    David
    17 April 1988
    Jackass
    0979876345

期望的结果

当我点击|Toggle| 元素只有div.invisible-when-folded的元素在相应的li元素中消失。

我试过的

单击|Toggle| 在此代码中 ,同时从两个li元素切换div不可见/可见。 如何让它仅切换我点击的切换按钮?

选择该类的被点击元素的所有(以下)兄弟:

 $(this).nextAll('.invisible-when-folded').toggle(); 

DEMO

看看jQuery的遍历方法。

怎么样:

 $(".single-toggle").click(function(){ $(this).closest('li').find('.invisible-when-folded').toggle(); });