切换具有相同类名的元素仅对于单击的可见/不可见
- |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(); });