effect jquery
$("#demo").hide(); // sets to display: none $("#demo").show(200); // shows hidden elemnt with animation (speed) $("#demo").toggle(); // toggle between show and hide $( "#element" ).hide( "slow", function() { // hide with callback function console.log( "Animation complete." ); });
Source: htmlcheatsheet.com
jQuery Effect Methods
animate() Runs a custom animation on the selected elements clearQueue() Removes all remaining queued functions from the selected elements delay() Sets a delay for all queued functions on the selected elements dequeue() Removes the next function from the queue, and then executes the function fadeIn() Fades in the selected elements fadeOut() Fades out the selected elements fadeTo() Fades in/out the selected elements to a given opacity fadeToggle() Toggles between the fadeIn() and fadeOut() methods finish() Stops, removes and completes all queued animations for the selected elements hide() Hides the selected elements queue() Shows the queued functions on the selected elements show() Shows the selected elements slideDown() Slides-down (shows) the selected elements slideToggle() Toggles between the slideUp() and slideDown() methods slideUp() Slides-up (hides) the selected elements stop() Stops the currently running animation for the selected elements toggle() Toggles between the hide() and show() methods