jquery - jQuery 淡入/淡出序列

Question

http://jsfiddle.net/HQjSK/4/

我有一个问题：首先我有这个代码：

 $("#twitter").click(function () {
      $("#main_facebook, #main_linkedin, #main_spotify").fadeOut(500, function () {
        $("#main_twitter").fadeIn(500);
      });
      return false;
    });

问题是fadeIn 将与fadeOut 同时开始。我想要的是拳头淡出然后开始淡入

我做了这个改变：

$("#twitter").click(function () {
      $("#main_facebook:visible, #main_linkedin:visible, #main_spotify:visible").fadeOut(500, function () {
        $("#main_twitter").fadeIn(500);
      });
      return false;
    });

现在的问题是，如果#main_facebook 已经隐藏，#main_twitter 将不会淡入。

感谢！

Answer 1

试试这是否有效：

$("#twitter").click(function () {
  $("#main_facebook:visible, #main_linkedin:visible, #main_spotify:visible").fadeOut(500)
  .queue(function () {
    $("#main_twitter").fadeIn(500);
    $(this).dequeue();
    });
  return false;
});