Effet jQuery - méthode show ()

La description

le show( )La méthode montre simplement chacun de l'ensemble des éléments correspondants s'ils sont masqués. Il existe une autre forme de cette méthode qui contrôle la vitesse de l'animation.

Syntaxe

Voici la syntaxe simple pour utiliser cette méthode -

selector.show( );

Paramètres

Voici la description de tous les paramètres utilisés par cette méthode -

  • NA

Exemple

Voici un exemple simple montrant l'utilisation de cette méthode -

<html>
   <head>
      <title>The jQuery Example</title>
      <script type = "text/javascript" 
         src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      </script>
		
      <script type = "text/javascript" language = "javascript">
   
         $(document).ready(function() {

            $("#show").click(function () {
               $(".mydiv").show();
            });

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

      </script>
		
      <style>
         .mydiv{ margin:10px;padding:12px; 
            border:2px solid #666; width:100px; height:100px;}
      </style>
   </head>
	
   <body>
      <div class = "mydiv">
         This is a SQUARE.
      </div>

      <input id = "hide" type = "button" value = "Hide" />   
      <input id = "show" type = "button" value = "Show" />
   </body>
</html>

Cela produira le résultat suivant -

jquery-effects.htm