Question

How do I make a div move up and down on hover as if it were jumping? Would this be possible to do or can it only move up when the mouse is over the div?

Answer 1

You can use jQueryUI’s bounce effect for this: http://jqueryui.com/demos/effect/

You can use your hover event to trigger the effect.

i.e. something like:

$( "#myDIV" ).mouseenter(function() {
    $(this).effect('bounce', {}, 'fast');
});

A demo with the above code: http://jsfiddle.net/techfoobar/cKqsC/