Skip to content

Instantly share code, notes, and snippets.

@carlosrojaso
Created May 15, 2014 21:15
Show Gist options
  • Save carlosrojaso/acabf25cbc99345b137c to your computer and use it in GitHub Desktop.
Save carlosrojaso/acabf25cbc99345b137c to your computer and use it in GitHub Desktop.
JQ link Fade and Slide Animations
// Hide all paragraphs using a slide up animation over 0.8 seconds
$( "p" ).slideUp( 800 );
// Show all hidden divs using a slide down animation over 0.6 seconds
$( "div.hidden" ).slideDown( 600 );
// Hide all paragraphs using a fade out animation over 1.5 seconds
$( "p" ).fadeOut( 1500 );
// Show all hidden divs using a fade in animation over 0.75 seconds
$( "div.hidden" ).fadeIn( 750 );
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment