jQuery and JavaScript Phrasebook

Animating show()

Click here to view code image

$("#box").show(1000, "linear", function() {    $("#label").html("Shown!") });

The .show( [duration] [, easing] [, callback]) method provides the optional duration, easing, and callback options, allowing you to animate the show effect and make an easier transition as an element appears.

For example, the following code applies an animation of 1 second with linear easing and executes a simple callback function when showing an element:

Click here to view code image

$("#box").show(1000, "linear", function() {    $("#label").html("Shown!") });