切換動畫或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

學習jQuery第一次改變CSS可以使用切換功能來完成。 http://api.jquery.com/toggle/

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

Answer 4

試試這個

$(function(){ 

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

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

    }); 
});