滑塊兩個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 }); 

閱讀[如何建立簡單的jQuery的圖像滑塊滑動或不透明的效果呢？（HTTP的docs

fiddle