how to highlight a div for a few seconds using jQuery

Question

I want to be add the following to a a page:

When a div is clicked, I want to:

1. change the background color of the clicked on div for a few seconds

Answer 1

You can use the jQuery UI's Highlight Effect:

$(".myDiv").effect("highlight", {}, 3000);

Demo in Stack Snippets:

$(function() {

  $(".myDiv").click(function() {
    $(this).effect("highlight", {}, 3000);
  });

});

.myDiv {
  margin: 0px;
  width: 100px;
  height: 80px;
  background: #666;
  border: 1px solid black;
  position: relative;
}