title: Toggle the css style of body of an html page
body: <p>I have a <a href="http://jsfiddle.net/nwL67ao4/" rel="nofollow">sample here</a> where i am trying to toggle the css styles of body using jquery as,</p>
  
  <pre><code> $('body').toggle( function () {
          (this).css('padding-top', '0px');
          (this).css('background-color', 'green');
      },
          function() {
          (this).css('padding-top', '50px');
          (this).css('background-color', 'yellow');
         });
  </code></pre>
  
  <p>But when I click on button the body completely disappears. How can I achieve the same?</p>