JQueryUI - 同時向左/向右滑動div

Question

我想同時滑動兩個div（左/右，右/左，上/下，下/上）。這是一個JSFiddle它在那裏，但是當我隱藏在這JSFiddle divs，它不是同時在彼此之上。我試過使用動畫和更多的方向，但都無濟於事。

這是一些我寫的代碼：

$(document).ready(function() { 
    $('#div2, #div3, #div4, #div5, #div6, #div7, #div8').hide(); 
    $('#div2').delay(2000).toggle('slide', {direction: 'left'}, 'slow'); 
    $('#div3').delay(3000).toggle('slide', {direction: 'up'}, 'slow'); 
    $('#div4').delay(4000).toggle('slide', {direction: 'down'}, 'slow'); 
    $('#div5').delay(5000).toggle('slide', {direction: 'left'}, 'slow'); 
    $('#div6').delay(6000).toggle('slide', {direction: 'right'}, 'slow'); 
    $('#div7').delay(7000).toggle('slide', {direction: 'down'}, 'slow'); 
    $('#div8').delay(8000).toggle('slide', {direction: 'up'}, 'slow'); 
}); 

Answer 1

如果我理解正確你想左，右，或頂部和底部同時下滑，如果這是正確的只是改變延遲是相同

$('#div5').delay(1000).toggle('slide', {direction: 'left'}, 'slow'); 
$('#div6').delay(1000).toggle('slide', {direction: 'right'}, 'slow'); 

fiddle