快速jQuery切换问题

Question

我有一个小片段，可以在一些内容中切换幻灯片，效果很好。我想要发生的是，导致动作的<li>在点击时会略微淡出，否则会恢复正常。

到目前为止我的代码：

jQuery(function($){
  var container = $("#headerform");
  $("#loginbutton").click(function(event){
    event.preventDefault();
    if (container.is(":visible")){
      container.slideUp(200);
      // OPACITY TO NORMAL (1)**
    } else {
      container.slideDown(200);
      // HALF OPACITY FOR LI (0.5)**
    }
  });
});

任何帮助都会很棒，谢谢。

P.s ID to toggle faded = #loginbutton

Answer 1

您可以使用fadeTo()将不透明度淡化到所需级别。 this指向带有事件处理程序的被点击元素，为您提供如下内容：

$(this).fadeTo("slow", 0.5);

和

$(this).fadeTo("slow", 1);