我有带有触发器和叠加层的 block 。
这是一个 jsFiddle 示例:http://jsfiddle.net/uRstt/7/
当在特定 block 上触发覆盖淡入淡出效果时,我希望其他 block 上的覆盖淡出。此外,如果您在具有事件叠加层的 block 上单击触发器,它也必须淡出。
这是我试图实现但没有成功的代码。
$(".trigger").click(function(){
!$(this).parent().find(".overlay").fadeOut();
$(this).parent().find(".overlay").stop(true,true).fadeToggle();
});
感谢 Adeneo,这是正确的代码
$(".trigger").click(function(){
$(this).siblings(".overlay").stop(true,true).fadeToggle().closest('.container').siblings().find('.overlay').fadeOut();
});
这是一个有效的例子 jsFiddle
最佳答案
如果我没理解错的话,像这样的东西应该可以工作:
$(".trigger").click(function(){
$(this).next().stop(true,true).fadeToggle();
$(this).parent().siblings().children('.overlay:visible').fadeOut();
});
关于javascript - 带有叠加淡入/淡出触发器的多个按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13816534/