Удаление контента "уезжанием" вниз

[Yaroma11]

Здравствуйте, допусим у нас есть:

<ul>
 <li>1</li>
 <li>2</li>
 <li>3</li>
</ul>

Можно ли сделать так чтобы все li удалялись уезжанием вниз, может в jq есть готовые методы для этого, т.е. сначала скроется 3, потом 2, потом 1, а сверху таким же образом сверху приедет 4, потом 5, потом 6 и т.д.

[Yaroma11]

Модераторы поправьте заголовок темы, пожалуйста: Удаление контента "уезжанием" вниз

[danik.js]

<style>
li{position:relative}
</style>
<button>Удалить</button>
<ul>
 <li>1</li>
 <li>2</li>
 <li>3</li>
</ul>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
    $('button').click(function() {
        var $list = $('ul');
        var removeChained = function() {
            $list.children().last().animate({
                opacity: 0,
                top: 20
            }, 400, function() {
                $(this).remove();
                removeChained();
            });
        };
        removeChained();
    });
</script>