Derniers tutoriels de développement web
 

jQuery Effets - Hide and Show


Masquer, Afficher, Basculer, Toboggan, Fade et Animate. HOU LA LA!

Cliquez pour afficher le panneau / masquer

Parce que le temps est précieux, nous offrons un apprentissage rapide et facile.

À w3ii, vous pouvez tout ce que vous avez besoin d'apprendre, dans un format accessible et maniable étudier.


Exemples

jQuery hide()
Démontre simple jQuery hide() méthode.

jQuery hide()
Un autre hide() démonstration. Comment cacher des parties de texte.


jQuery hide() et show()

Avec jQuery, vous pouvez masquer et afficher les éléments HTML avec la hide() et show() méthodes:

Exemple

$("#hide").click(function(){
    $("p").hide();
});

$("#show").click(function(){
    $("p").show();
});
Essayez - le vous - même »

Syntaxe:

$(selector).hide(speed,callback);

$(selector).show(speed,callback);

Le paramètre de vitesse optionnel spécifie la vitesse de la cachette / montrant, et peut prendre les valeurs suivantes: "slow", "fast" , ou en millisecondes.

Le paramètre de rappel optionnel est une fonction à exécuter après la hide() ou show() méthode complète (vous en apprendrez plus sur les fonctions de rappel dans un chapitre ultérieur).

L'exemple suivant illustre le paramètre de vitesse avec hide() :

Exemple

$("button").click(function(){
    $("p").hide(1000);
});
Essayez - le vous - même »

jQuery toggle()

Avec jQuery, vous pouvez basculer entre la hide() et show() méthodes avec le toggle() méthode.

Montré éléments sont cachés et éléments cachés sont représentés:

Exemple

$("button").click(function(){
    $("p").toggle();
});
Essayez - le vous - même »

Syntaxe:

$(selector).toggle(speed,callback);

Le paramètre de vitesse en option peut prendre les valeurs suivantes: "slow", "fast" , ou en millisecondes.

Le paramètre de rappel optionnel est une fonction à exécuter après toggle() complète.


Testez-vous avec des exercices!

Exercice 1 » Exercice 2» Exercice 3 » Exercice 4»


jQuery Effets de référence

Pour un aperçu complet de tous les effets jQuery, s'il vous plaît aller à notre Effet Référence jQuery .