第二次单击问题时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");
});

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