从左到右同时滑动两个 div

Question

我想同时隐藏/显示两个div，但效果不立即生效。

这是我的代码：

$('a').on('click', function(){
    var div_hide = $(this).parent();
    var div_show = $(this).attr('href');
    $(div_hide).hide("slide", { direction: "left" }, 500);
    $(div_show).show("slide", { direction: "right" }, 800); //Doesn't work
    //$(div_show).delay(500).show("slide", { direction: "right" }, 800); //Work but i must waiting...
});

这里有一个小提琴http://jsfiddle.net/e3tAZ/

您是否有替代解决方案？

Answer 1

将queue 设置为假

$(div_hide).hide({ direction: "left", queue: false, duraton: 500 });
$(div_show).show({ direction: "right", queue: false, duraton: 500 });

阅读docs

fiddle