Cómo animar el contenido de la pestaña usando jquery tabs ()

hasta ahora tengo lo siguiente:

$("ul.search-tabs").tabs("div.panes > div");

¿Cómo puedo hacer que el contenido de cada pestaña aparezca/desaparezca con un efecto de fundido de entrada/salida?

¡¡¡Gracias!!!

preguntado el 09 de marzo de 12 a las 14:03

¿Quieres decir cuando cambias de pestaña o cuando haces clic en algún otro botón de la página? -

cuando cambio de pestaña ... Quiero que el div que contiene la información de la pestaña seleccionada se desvanezca en lugar de solo aparecer -

2 Respuestas

Prueba esta

$( "#ul.search-tabs" ).tabs({ fx: { opacity: 'toggle' } });

respondido 09 mar '12, 15:03

Esta es una opción, se debe suministrar con fichas de llamada. Para más información ver jqueryui.com/demos/tabs/#option-fx en opciones fx. - El alfa

intente esto cuando inicialice:

$("ul.search-tabs").tabs(fx:{opacity:'fadein'});

ver el documento JQuery-ui aquí.

respondido 09 mar '12, 15:03

Creo que no necesitas tu $("ul.search-tabs").tabs("div.panes > div"); línea si nombra sus divs correctamente (con la propiedad href de la pestaña correspondiente como id) - Andreu Ramos

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.