title: reset changed css values
body: <p>I've got...</p>
  
  <pre><code>$("#menu_tl").click(function() {
  
      $('.page').fadeOut();
      $('.page').animate({
          "width":  "0px", 
          "height": "0px", 
          "top":    "50px", 
          "left":   "50px"
      });
  
      $('#page1').fadeIn();
      $('#page1').animate({
          "width":  "500px", 
          "height": "400px", 
          "top":    "-350px", 
          "left":   "-450px"
      }, 2000);
  });
  
  $("#menu_tr").click(function() {
  
      $('.page').fadeOut();
      $('.page').animate({
          "width":  "0px", 
          "height": "0px", 
          "top":    "50px", 
          "left":   "50px"
      });
  
      $('#page2').fadeIn();
      $('#page2').animate({
          "width":  "500px", 
          "height": "400px"
      }, 2000);
  });
  </code></pre>
  
  <p>But I want to say that when the second function is clicked all altered css by the first one should be reset. This means that the following line is wrong:</p>
  
  <pre><code>$('.page').animate({
      "width":  "0px", 
      "height": "0px", 
      "top":    "50px", 
      "left":   "50px"
  });
  </code></pre>
  
  <p>is wrong and should be replaced by a global reset. Hope this is clear enough...</p>