切换动画或Css

Question

如何切换动画或css更改？例如，我想要一个按钮，当按下按钮改变字体大小然后再次按下它会改变回来。我当然可以使用两个按钮，但是有一个按钮会很不错。我尝试在更改字体大小后立即更改按钮的ID，然后为新的id更改一个单独的函数，但这似乎不起作用。

抱歉，我是Jquery的新手：）

谢谢！

Answer 1

为您想要的风格制作课程，并使用toggleClass切换课程。

使用示例

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

<强> Live Demo

动画包含jQueryUI特效核心并执行此操作

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

<强> Animation Demo

<强> Reference

Answer 2

可能重复此jQuery toggle CSS?

Answer 3

试试这个

 $(function(){

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

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

    });
});

Answer 4

学习jQuery第一次改变CSS可以使用切换功能完成。 http://api.jquery.com/toggle/

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