JQuery непрозрачность анимации

Я создаю веб-сайт, и он позволяет пользователям изменять параметры просмотра. Я использую jQuery для сглаживания анимации для изменения шрифта. Он утихает всю страницу и снова появляется с новыми шрифтами.

Угасающая анимация прекрасна, но когда она исчезает, там не исчезает. Он просто появляется, без анимации.

Проблемный jQuery находится в http://xsznix.my3gb.com/options.php.

Код, который у меня есть, следующий:

$('#font-classic').click(function(){
    $(document.body).animate({opacity: '0%'},{duration: 1000, complete: function(){
        // font changing code here
        $(document.body).animate({opacity: '100%'}, 1000);
    }});
});

Ответ 1

Почему бы не использовать встроенные функции jQuery fadeIn и fadeOut?

$('#font-classic').click(function(){
    $('body').fadeOut('normal', function(){
        $('body').fadeIn();
    }});
});

Ответ 2

jQuery .animate() принимает значения от 0 до 1.

$(document.body).animate({opacity: 0}, 1000);
$(document.body).animate({opacity: 1}, 1000);

Я уверен, что .animate() должен вызывать .parseFloat() (или что-то) на передаваемые вами значения, что сделает ваш 0% в 0 (это правильно), но ваш 100% в 100, что было бы неверно.

Ответ 3

Вы можете использовать функции или что-то вроде этого:

$(document.body).animate({ opacity: 1/2 }, 1000);