Question

I want to show an image after there is hover on link for atleast 1500ms or there is a click. How can I implement this minimal period hover condition while showing up the image ?

The image should remain visible until there is hover on the link or on itself. & should disappear as the mouse moves out of both. How can I implement this ? Thanks in advance!

Answer 1

http://jsfiddle.net/sSBxv/

$('a').click(function() {

          alert(1); // alert on click

      })

      .hover(function() { // when mouse is entering

          var $this = $(this);

          // set timeout, save timeout id on element to clear later
          $this.data('timeout', setTimeout(function() {
              $this.click(); // click after 1500ms
          }, 1500));

       }, function() { // when mouse is leaving

              clearTimeout($(this).data('timeout')); // stop the timeout

       });