¿Qué alternativa utilizar después de que jQuery 1.9 haya eliminado .toggle (función, función)?

Hola, bash crear algo que alternará la reducción y el crecimiento en cada clic, pero estoy usando jQuery 1.9 para mi sitio web. la .toggle(function,function) se eliminó de jQuery 1.9 , por lo que no estoy seguro de qué debería usar en su lugar.

Cualquier ayuda sería genial.

Gracias

jsfiddle (usa el código anterior, la versión de jquery 1.8): http://jsfiddle.net/TNAC6/

nuevo jsfiddle (jquery 1.9): http://jsfiddle.net/TNAC6/1/

Aquí está mi código Estoy tratando de hacer alternar. Básicamente, lo que estoy alternando es un círculo div.

 (function($){ $.fn.createToggle = function(size) { var ele = $(this); var oldSize = ele.width(); console.log("creating new toggle on element: " + ele + " old: " + oldSize + " new: " + size ); console.log("its content is" + ele.children(".content")); var growfn = function() { $(this).stop().animate({ 'width': size+'px', 'height': size+'px', 'margin-left': '-'+(size/2)+'px', 'margin-top': '-'+(size/2)+'px' }, 500); $(this).children(".content").toggle(); }; var shrinkfn = function() { $(this).stop().animate({ 'width': oldSize+'px', 'height': oldSize+'px', 'margin-left': '-'+(oldSize/2)+'px', 'margin-top': '-'+(oldSize/2)+'px' }, 500); $(this).children(".content").toggle(); }; ele.click(function() { //insert code to toggle stuff }); }; })(jQuery); $(".home").createToggle(500); 

y el css:

 .circleBase { -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; behavior: url(PIE.htc); } .home { width: 200px; height: 200px; background: #FF5032; position: absolute; top: 300px; left: 300px; margin-left: -100px; margin-top: -100px; } .title { position: relative; padding-top: 10%; text-align: center; font-weight: bold; font-size: 24px; } .content { text-align: center; display: none; } 

y el html:

 

Glen Takahashi

THIS IS CONTENT
THIS IS CONTENT
THIS IS CONTENT
THIS IS CONTENT
THIS IS CONTENT

Con dos estados, puede mantener el estado alternante actual como booleano (utilicé clickState ). Si quisiera tener múltiples estados, podría continuar agregando 1 a la cuenta de estado y luego verificar el módulo de la cuenta total para determinar qué función debería disparar en función del estado.

Actualicé tu código un poco ya que ele es el objeto jQuery con el que deseas trabajar:

http://jsfiddle.net/TNAC6/2/

 $(document).ready(function() { var flag=0; $('selector').on('click', function(){ var menu = $("element_to_toggle"); if(flag==0){ menu.text("click one"); flag=1; return; } else if(flag==1){ menu.text("click two"); flag=0; return; } }); }); 
    Intereting Posts