jQuery Tab Fade Animation

Question

He implementado las pestañas jQuery y estoy usando la técnica de opacidad para atenuar una pestaña y luego fundir otra. Me gustaría que la segunda imagen se desvanezca sobre la primera y luego oculte la primera. De esta forma, no se mostrará el fondo detrás de las pestañas. Por favor avise.

actual código de jQuery:

<script type="text/javascript"> 
    $(function() { 
     $('#web-select').tabs({ fx: { opacity: 'toggle', duration:'fast'} }); 
    }); 
</script> 

Answer 1

Su código anterior funcionará en el 1,6 interfaz de usuario, pero en la versión 1.7.2 de interfaz de usuario intente lo siguiente:

$('#web-select').tabs('option', 'fx', { opacity: 'toggle', duration: 'fast' }); 

Answer 2

podría utilizar el .show() y .hide() snippets para hacer tal cosa!