Переключить анимацию или Css

Question

Как я могу переключить анимацию или изменение CSS? Например, я хотел кнопку, которая при нажатии меняет размер шрифта, а затем при повторном нажатии она изменится обратно. Конечно, я мог бы использовать две кнопки, но было бы неплохо иметь одну кнопку. Я попытался изменить идентификатор кнопки сразу после изменения размера шрифта и затем иметь отдельную функцию для нового идентификатора, чтобы изменить его обратно, но это не сработало.

Извините, я новичок в Jquery:)

Спасибо!

Answer 1

Создайте класс для нужного вам стиля и используйте toggleClass для переключения класса.

Пример использования

$(this).toggleClass('class');

Демонстрация в реальном времени

Для анимации включите ядро ​​эффектов jQueryUI и сделайте это

$(this).toggleClass('large', delay);

Демонстрация анимации

Ссылка

Answer 2

Попробуйте это

 $(function(){

    $('#button').click(function(){

    if (!$('.targetContainer').hasClass('bigFont'))
    $('.targetContainer').addClass('bigFont');
    else
    $('.targetContainer').removeClass('bigFont');

    });
});

Answer 3

возможно повторение этого jQuery переключения CSS?

Answer 4

Изучите jQuery. Первое изменение CSS может быть сделано с помощью функции переключения. http://api.jquery.com/toggle/

$('button').click(function() { $('this').toggle('slow', function() { // Animation complete. }); });