Stackoverflow 2013-11-07

HTML

<div class="target">Target 1</div>
<div class="target">Target 2</div>
<div class="target">Target 3</div>
<div class="target">Target 4</div>
<div class="target">Target 5</div>

CSS

.transition {
    background: #ffff00;
}
.active {
    border: 3px solid #000000;
}

JavaScript

$(function () {
    $('.target').delay(function () {
        var $target = $(this);

        $target.addClass('transition');
        
        $('.target').not(this).removeClass('active transition');
        
        setTimeout(function () {
            $target.removeClass('transition').addClass('active');
        }, 1000);
    });
});