jQuery Tab Fade Animation

Question

Я реализовал вкладки jQuery и использую технику непрозрачности, чтобы затемнить одну вкладку, а затем добавить другую. Я хотел бы, чтобы второе изображение исчезло поверх первого, а затем скрыло первое изображение. Таким образом, фон за вкладками не будет показан. Пожалуйста, сообщите.

Текущий код jQuery:

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

Answer 1

Ваш код выше будет работать в пользовательском интерфейсе 1.6, но в версии пользовательского интерфейса 1.7.2 попробуйте следующее:

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

Answer 2

Вы можете использовать фрагменты .show () и .hide (), чтобы сделать это!