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

Question

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

Here is a jsfiddle of my current code that works (only one step)正如你在 live link 上看到的那样

Here is a jsfiddle of a modified version where I tried to get it to work with a second click

提前致谢!或者，如果有人有其他(更简单的方法)，请告诉我。

Answer 1

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

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

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

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