Как при нажатии добавить класс и через несколько секунда заменить на другой?

Question

[ld6666666666666]

Доброго дня! Как при нажатии добавить класс и через несколько секунда заменить на другой?!

Есть класс .likes, при нажатии на ссылку нужно заменить класс .likes на .likes .voted и через несколько секунд сменить класс .likes .voted на .likes .voted .ok

<script>
 $(document).ready(function(){
	$('.likes').click(function () {
        		$(this).addClass('likes voted');
		$(this).addClass('likes voted ok');
		});
	});
</script>

Answer 1

[Дима Паутов]

$(document).ready(function(){
  $('.likes').click(function () {
      var like = $(this);
      like.addClass('voted');

      setTimeout(function(){
          like.addClass('ok');
      }, 3000)
   });
});

Answer 2

[Владимир Коротенко]

Можно еще проще.

$( ".likes" ).click(function() {
var like = $(this);
  like.addClass('voted').animate({
    opacity: 0.25
  }, 5000, function() {
    // Animation complete.
    like.addClass('ok')
  });
});