Slider two div at the same time left to right

Question

I want to hide/ show div both at the same time but the effect does not work immediately.

Here is my code :

$('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...
});

Here a fiddle http://jsfiddle.net/e3tAZ/

Do you have an alternative solution maybe ?

Answer 1

Set queue to false

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

Read the docs

fiddle