hay una alternativa a .toggle () para jquery

Actualmente, según el sitio de Jquery , .toggle () se ha depreciado después de la versión 1.8. Entonces, ¿hay alguna alternativa a .toggle () ya que necesito la función para la aplicación de menú en la que necesito ocultar y mostrar el contenido de un div basado en el botón clic

Ya he realizado la tarea de acuerdo con JSFiddle, pero ya estoy cargando la versión 1.12.4 de jquery en mi sitio para otro uso.

mi código de función Js

function hideToggle(button, elem) { $(button).toggle( function() { $(elem).hide(); }, function() { $(elem).show(); } ); } hideToggle(".button1", ".iframe1"); 

Entonces, ¿hay alguna manera de evitar cargar dos versiones de jquery?

Esto es básicamente lo que están haciendo hide y show .

CSS

 .hidden { display:none; /* you could also use !important here */ } 

JQuery

  $('#someElement').toggleClass('hidden'); 

Curiosamente, la solución simple a esto es una función de toggle diferente . Esta función alterna la visualización del elemento.

Su función podría simplificarse a

 function hideToggle(button, elem) { $(button).click( function() { $(elem).toggle(); } ); } 

Puede llamar a .toggle() al hacer clic para lograr exactamente lo mismo:

 $(".button1").click(function() { $(".iframe1").toggle();}); $(".button2").click(function() { $(".iframe2").toggle();}); 

Fiddle actualizado: https://jsfiddle.net/6g3cko1h/3/ incluyendo una versión actualizada de su método de configuración de estilo de utilidad:

 function hideToggle(button, elem) { $(button).click(function() { $(elem).toggle(); }) } 

No parecen haberlo reemplazado con un método equivalente. Sin embargo, puedes hacer esto:

 $(button).on('click', function() { if ($(elem).is(':visible') { // if $(elem) is visible $(elem).hide(); / hide it } else { // if not $(elem).show(); // show it } 

Usted no está entendiendo bien lo que estaba en desuso. La función de alternar es válida. Que es “Mostrar u ocultar los elementos coincidentes”.

La documentación actual para alternar es – http://api.jquery.com/toggle/

asi que

 $('button').toggle() 

Ocultaría el elemento si fuera visible, o muéstrelo, si fuera visible