jQuery Tab Fade Animation

Question

I have implemented jQuery tabs and am using the opacity technique to fade one tab out and then fade another in. I would like to have the second image fade over the first and then hide the first image. That way the background behind the tabs will not be shown. Please advise.

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 the 1.6 ui, but in the 1.7.2 ui version try the following:

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

good luck.

M