jquery help delay
<p>im trying to add a delay between each of these animations. </p>

<p>tried it with </p>

<pre><code>slicebox = $( '#sb-slider3' ).delay(2000).slicebox({
</code></pre>

<p>on the last one but not joy. Any ideas? still new to jQuery</p>

<hr>

<h2>full code below</h2>

<pre><code>&lt;script type="text/javascript"&gt;
$(function() {
    var Page = (function() {
        var $navArrows = $('#nav-arrows').hide(),
            $navDots = $('#nav-dots').hide(),
            $nav = $navDots.children('span'),
            $shadow = $('#shadow').hide(),
            slicebox = $('#sb-slider3').delay(2000).slicebox({
                onReady: function () {
                    $navArrows.show();
                    $navDots.show();
                    $shadow.show();
                },
                onBeforeChange: function(pos) {
                    $nav.removeClass('nav-dot-current');
                    $nav.eq(pos).addClass('nav-dot-current');
                }
            }),
            init = function() {
                initEvents();
            },
            initEvents = function() {
                // add navigation events
                $navArrows.children(':first').on('click', function() {
                    slicebox.next();
                    return false;
                });
                $navArrows.children(':last').on('click', function() {
                    slicebox.previous();
                    return false;
                });
                $nav.each(function(i) {
                    $(this).on('click', function(event) {
                        var $dot = $(this);
                        if (!slicebox.isActive()) {
                            $nav.removeClass('nav-dot-current');
                            $dot.addClass('nav-dot-current');
                        }
                        slicebox.jump(i + 1);
                        return false;
                    });
                });
            };
        return {
            init: init
        };
    })();
    Page.init();
});
&lt;/script&gt;
</code></pre>

<p>this is then repeated with </p>

<pre><code>slicebox = $( '#sb-slider3' ).delay(2000).slicebox( {
</code></pre>

<p>changed to </p>

<pre><code>slicebox = $( '#sb-slider2' ).delay(1000).slicebox( {
</code></pre>

<p>and
    slicebox = $( '#sb-slider0' ).delay(3000).slicebox( {</p>

<p>any ideas?</p>
