JQueryUI - 同时向左/向右滑动 div答案

【问题标题】：JQueryUI - Slide divs left/right at the same timeJQueryUI - 同时向左/向右滑动 div
【发布时间】：2015-10-09 21:56:54
【问题描述】：

我想同时滑动两个 div（左/右、右/左、上/下、下/上）。这是一个JSFiddle，它可以做到这一点，但是当我在这个JSFiddle 中隐藏div 时，它并不是同时在彼此之上。我已经尝试使用动画和更多的方向，但没有成功。

这是我写的一些代码：

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

【问题讨论】：

标签： javascript jquery html css jquery-ui

【解决方案1】：

如果我理解正确，您希望左右或上下同时滑动，如果正确，只需将延迟更改为相同

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

fiddle

【讨论】：