切換一個HTML頁面

Question

的身體的CSS樣式我有一個sample here這裏我試圖切換使用jQuery的CSS樣式身體，

$('body').toggle(function() { 
     (this).css('padding-top', '0px'); 
     (this).css('background-color', 'green'); 
    }, 
     function() { 
     (this).css('padding-top', '50px'); 
     (this).css('background-color', 'yellow'); 
     }); 

但是當我點擊按鈕的身體完全消失。我怎樣才能達到相同的目標？

Answer 1

嘗試使用toggleClass代替

http://jsfiddle.net/nwL67ao4/1/

CSS：

body { 
    padding-top: 50px; 
    background-color: yellow; 
} 
.hide { 
    padding-top: 0px; 
    background-color: green;  
} 

JS：

$('button').click(function() {  
    $('body').toggleClass("hide"); 
}); 

HTML：

<button>ABCD</button>