javascript - JQueryUI - 同时向左/向右滑动 div

Question

我想同时滑动两个 div(左/右、右/左、上/下、下/上)。这是一个 JSFiddle它在哪里做的，但是当我在这个 JSFiddle 中隐藏 div 时，它不是同时在彼此之上的。我试过使用 animate 和更多指导，但都无济于事。

这是我写的一些代码:

$( 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