Affichage, masquage, glissement et fondu d'éléments avec jQuery - dummies

Partie de jQuery For Dummies Cheat Sheet

Les effets jQuery sont très amusants et peuvent transformer une simple page Web statique en une expérience dynamique et interactive pour le visiteur du site. Une partie de l'intérêt visuel que jQuery offre est la capacité de montrer, cacher, glisser et fondre des éléments. Les exemples suivants utilisent tous cet exemple de code:

My Test Page $ (document). ready (function () {

// Votre code va ici. 
}); Ceci est visible. Ceci est caché.

Voici un rapide aperçu de la façon d'appliquer ces effets à un élément d'une page Web.

Effet	Code
Masquer	$ (": submit"). cliquez sur (function () { $ ("div"). hide (); });
Afficher	$ (": submit"). cliquez sur (function () { $ ("# showme"). show (); });
Glissez	$ (": submit"). cliquez sur (function () { $ ("# showme"). slideDown (); });
Glissez	$ (": submit"). cliquez sur (function () { $ ("# hideme"). slideUp (); });
Fondu entrant	$ (": submit"). cliquez sur (function () { $ ("# showme"). fadeIn (); });
Fondu sortant	$ (": submit"). cliquez sur (function () { $ ("# hideme"). fadeOut (); });