Question

我有触发器和叠加的块。

以下是jsFiddle：http://jsfiddle.net/uRstt/7/

的示例

当在特定块上触发叠加淡入淡出效果时，我希望其他块上的叠加淡出。此外，如果您点击具有活动叠加层的块上的触发器，它也必须淡出。

以下是我试图取得成功的代码。

$(".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).siblings(".overlay").stop(true,true).fadeToggle()
    .closest('.container').siblings().find('.overlay').fadeOut();
});

Answer 2

如果我理解正确，这样的事情应该有效：

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

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

多个按钮，带有覆盖淡入/淡出触发器

2 个答案: