title: JQuery:Can you add transition effects to .load
body: <p>im slowly progressing with my work, continuously trying different approaches.</p>
  
  <p>quick question...</p>
  
  <p>is it possible to add jquery animation effects like .fadein .fadeout .slideup .slidedown etc to a onclick .load.</p>
  
  <p>at the moment when i click a link the page just loads up in my designated area but i am not sure how to tie an effect to this .load.</p>
  
  <p>any suggestions?</p>
  
  <p>EDIT: Code example:</p>
  
  <pre><code>$(document).ready(function(){ 
      // load home page when the page loads
      $("#main_content_inner").load("home.html");
  
      $("#page1").click(function(){
          // load page1 in main_content_inner on click
          $("#main_content_inner").load("page1.html");
      });
      $("#page2").click(function(){
          // load page2 in main_content_inner on click
          $("#main_content_inner").load("page2.html");
      });
      $("#page3").click(function(){
          // load page3 in main_content_inner on click
          $("#content").load("page3.html");
      });
  });
  </code></pre>
  
  <p>EDIT: Snippet from HTML file:</p>
  
  <p>//where the page should be shown</p>
  
  <pre><code>    &lt;div id="main_content_inner"&gt;
          &lt;h1&gt;
              Main Content
          &lt;/h1&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>//the side bar menu where user chooses page</p>
  
  <pre><code>            &lt;ul id="sidebar_menu"&gt;
  
              &lt;p&gt;&lt;li id="page1"&gt; page1&lt;/li&gt;&lt;/p&gt;
  
              &lt;p&gt;&lt;li id="page2"&gt; page2&lt;/li&gt;&lt;/p&gt;
  
              &lt;p&gt;&lt;li id="page3"&gt; page3&lt;/li&gt;&lt;/p&gt;
  
            &lt;/ul&gt;
  </code></pre>
  
  <p>this code currently loads the html docs in my designated div on my main page. i want to do this but with a transition.</p>
  
  <p>i chose to load the whole html document as opposed to loading specific content from the document because i found when i included javascript in the specific content of the document, then tried to load it on my main page, the javascript(being twitter tweets) wouldnt show. but when i opened the html file seperately it would work fine, so it seemed ajax would load the javascript into my content div on the main page.</p>
  
  <p>any suggestions on making this code more practical for my needs etc...im open to criticism and especially suggestions as it is all about learning.</p>
  
  <p>thanks</p>