JQuery Fade Animation Tab

Question

I implemented jQuery tabs and use the opacity method to wipe one tab and then fade out the other. I would like the second image to fade over the first, and then hide the first image. Thus, the background behind the tabs will not be shown. Please inform.

Current jQuery Code:

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

Answer 1

Your code above will work in 1.6 UI, but in version 1.7.2 UI try the following:

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

Answer 2

You can use .show () and .hide () snippets to do this!