切换一个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>