javascript - jquery触发第二次点击问题

Question

我在这里使用 CSS 和 JS 为按钮设置动画，目标是当您单击“欢迎”时，按钮会淡化为“关闭”，但一旦您再次单击，我需要它淡化回欢迎。

这是我当前代码的一个 jsfiddle，正如您在实时链接上看到的那样（仅一步）

这是一个修改版本的 jsfiddle，我试图让它通过第二次点击来工作

提前致谢！或者，如果有人有其他（更简单的方法），请填写我。

Answer 1

$("#welcomebtn").click(function() {
  $("#welcomebtn img.top").toggleClass("transparent");
  return false;
});

当灯箱关闭时，您可以执行此操作以将按钮切换回来：

$(".jquery-lightbox-overlay").click(function(){
    $("#welcomebtn img.top").toggleClass("transparent");
});

但请注意，用户可以单击任意位置来关闭灯箱。