Задержка изменения страницы при отправке - jQuery

Заголовок

    $(document).ready(function() {
        $('#user_box').animate({width: "263px"}, "slow");

        $('#submit').click(function(){
            $('#user_box').animate({width: "0px"}, "slow");
        });
    });

Контент

            <div id="user_box">
                <form name="login_form" id="login_form" method="post" action="index.php">
                    Username:<br />
                    <input type="text" name="username"><br />
                    <input type="submit" value="Submit" id="submit" />
                </form>
            </div>

Как видите, я сделал это при нажатии кнопки submit, user_box анимируется обратно до 0 пикселей (слайд вправо). Проблема в том, что мне нужно отложить загрузку страницы примерно на 1 секунду, чтобы анимация закончилась. Но только при нажатии кнопки «Отправить». Как мне отложить страницу, чтобы анимация закончилась?

Я пробовал ..

        $('#submit').delay(3500, function(){
            window.location = toLoad;
        });

без всякой радости. Любая помощь будет принята с благодарностью. Спасибо.

ps Общая идея состоит в том, что user_box скользит вправо при каждом запросе и возвращает влево с результатом. В основном это будет PHP, поэтому при загрузке страницы он сдвигается справа налево. Попробую что-нибудь позже, чтобы это не происходило при входе в систему или что-то в этом роде.