jQuery - 延迟后切换幻灯片方向

Question

我希望在延迟后切换幻灯片（让我们说3秒）。到目前为止，我的代码JSFiddle只有div1和div2没有延迟。我实现的当前功能是单击（参见div3和div4）。

JS：

var $div1 = $('#div1'), $div2 = $('#div2'), currentDiv = 'div1', $b1 = $('#b1');

$div2.hide();
$b1.text('In ' + currentDiv);
$(document).ready(function(){
    $div1.delay(3000).toggle('slide', {direction: 'right'}, 'slow');
    $div2.delay(1000).toggle('slide', {direction: 'left'}, 'slow');  
});

Answer 1

请看我的小提琴：http://jsfiddle.net/Lvz8ddh8/3/

$(document).ready(function(){
    $div1.delay(3000).toggle('slide', {direction: 'right'}, 'slow');
    $div2.delay(3000).toggle('slide', {direction: 'left'}, 'slow');
});