jQuery Animate Example
Simple onclick example that demonstrates the animate jquery effect. http://api.jquery.com/animate/
HTML
<button id="go">» Run</button>
<div id="block">Hello!</div>
CSS
div {
background-color: #bca;
width: 100px;
border: 1px solid green;
}
JavaScript
$( "#go" ).click(function() {
var _that = this;
$('#block').show().animate({}, 100, function() {
$(this).position({
my: 'right top',
at: 'right-21 top+10',
of: _that
}).animate({
"opacity": 1
}, 100)
});
});