javascript - jQuery タブのフェード アニメーション

Question

jQuery タブを実装し、不透明度テクニックを使用して 1 つのタブをフェードアウトしてから別のタブをフェードインします。そうすれば、タブの背後の背景は表示されません。お知らせ下さい。

現在の jQuery コード:

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

Answer 1

上記のコードは 1.6 UI で動作しますが、1.7.2 UI バージョンでは次のことを試してください。

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

Answer 2

.show（）および.hide（）スニペットを使用して、このようなことを行うことができます。