Question

我想同时滑动两个div（左/右，右/左，上/下，下/上）。这是一个every，它可以做到这一点，但是当我隐藏这个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');
});

Answer 1

如果我理解正确你想要同时向左和向右或向上和向下滑动，如果这是正确的，只需将延迟更改为相同

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

fiddle

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

1 个答案: