Very cool animate demo

by Dave Mednick

HTML

<ul id="list" data-role="listview">
    <li>Acura</li>
    <li>Audi</li>
    <li>BMW</li>
    <li>Cadillac</li>
    <li>Ferrari</li>
</ul>
<button id='btnDelete'>Delete</button>

CSS

.yellow {
    background-color: yellow;
}

JavaScript

$('#list li').click(function () {
    $(this).addClass('yellow');
});

$('#btnDelete').click(function () {
    $('.yellow').each(function () {
        $(this).animate({
            marginLeft: parseInt($(this).css('marginLeft'), 10) === 0 ? $(this).outerWidth() : 0
        }).fadeOut('fast');
    });
});