Efecto jQuery - método de alternar (cambiar)

Descripción

los toggle( switch )alternancia de método que muestra cada uno de los conjuntos de elementos coincidentes en función del parámetro pasado. Si el parámetro true muestra todos los elementos, false oculta todos los elementos.

Sintaxis

Aquí está la sintaxis simple para usar este método:

selector.toggle( switch );

Parámetros

Aquí está la descripción de todos los parámetros utilizados por este método:

switch - Un interruptor para encender la pantalla.

Ejemplo

A continuación se muestra un ejemplo simple que muestra el uso de este método:

<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() {

            $("#false").click(function(){
               $(".target").toggle(false);
            });

            $("#true").click(function(){
               $(".target").toggle(true);
            });
				
         });
      </script>
		
      <style>
         p {background-color:#bca; width:250px; border:1px solid green;}
      </style>
   </head>
	
   <body>
      <p>Click on any of the following buttons:</p>
		
      <button id = "false"> False Switch </button>
      <button id = "true"> True Switch </button>

      <div class = "target">
         <img src = "../images/jquery.jpg" alt = "jQuery" />
      </div>
   </body>
</html>

Esto producirá el siguiente resultado:

jquery-effects.htm

↰ Previous page