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同时启动。 我想要的是拳头fadeOut然后开始fadeIn

我做了这些改变：

$("#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;
});