Download WordPress Themes, Happy Birthday Wishes

jQuery show()

La méthode jQuery show() est utilisée pour afficher les éléments sélectionnés.

Syntaxe:

$(selector).show();  
$(selector).show(speed, callback);  
$(selector).show(speed, easing, callback);
  • speed: C’est un paramètre optionnel. Il spécifie la vitesse du délai. Ses valeurs possibles sont lentes, rapides et en millisecondes.
  • easing: spécifie la fonction d’accélération à utiliser pour la transition.
  • callback: c’est aussi un paramètre optionnel. Il spécifie la fonction à appeler après l’achèvement de l’effet show ().

Prenons un exemple pour voir l’effet de show() de jQuery.

<!DOCTYPE html>  
<html>  
<head>  
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>  
<script>  
$(document).ready(function(){  
        $("#hide").click(function(){  
        $("p").hide();  
    });  
    $("#show").click(function(){  
        $("p").show();  
    });  
});  
</script>  
</head>  
<body>  
<p>  
<b>Titre </b><br/>  
Bonjour<br/>  
w3tutoriel.com est un<br/>  
site de programmation<br/>  
et d apprentissage<br/>   
</p>  
<button id="hide">Cacher</button>  
<button id="show">Afficher</button>  
</body>  
</html>

Résultat :

jquery-show

Effet jQuery de show() avec paramètre de vitesse

Voyons l’exemple de l’effet de show() jQuery avec une vitesse de 1 500 millisecondes.

$(document).ready(function(){  
        $("#hide").click(function(){  
        $("p").hide(1000);  
    });  
    $("#show").click(function(){  
        $("p").show(1500);  
    });  
});