滑块两个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设为false

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

阅读docs

fiddle