javascript - 带有叠加淡入/淡出触发器的多个按钮

Question

我有带有触发器和叠加层的 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

Answer 1

如果我没理解错的话，像这样的东西应该可以工作:

$(".trigger").click(function(){
    $(this).next().stop(true,true).fadeToggle();
    $(this).parent().siblings().children('.overlay:visible').fadeOut();
});

演示:http://jsfiddle.net/uRstt/9/