Web Development with jQuery®

(Elliott) #1

Showing and Hiding Elements (^) ❘ 227
$(document).ready(
function()
{
var animating = false;
$('input#exampleAnimationShow').click(
function(event)
{
event.preventDefault();
if (!animating)
{
animating = true;
var easing = $('select#exampleAnimationEasing').val();
var duration = parseInt($('input#exampleAnimationDuration').val());
$('div#exampleDialog').show(
duration,
easing,
function()
{
animating = false;
}
);
}
}
);
$('input#exampleAnimationHide').click(
function(event)
{
event.preventDefault();
if (!animating)
{
animating = true;
var easing = $('select#exampleAnimationEasing').val();
var duration = parseInt($('input#exampleAnimationDuration').val());
$('div#exampleDialog').hide(
duration,
easing,
function()
{
animating = false;
}
);
}
}
);
http://www.it-ebooks.info

Free download pdf