title: sliding page inside div onclick instead of on load
body: <h2>jQuery</h2>
  
  <pre><code>$(document).ready(function () {
      $(".slideContent").animate({
          marginLeft: $(".slideContent").css('margin-left') == '903px' ?
              '0px' : '0px'
      }, function () {
          // Animation complete.
          $(".contentWrapper").css('z-index', '1');
      });
  </code></pre>
  
  <h2>HTML</h2>
  
  <pre><code>&lt;div class="contentWrapper"&gt;
      &lt;div class="content slideContent homeContent"&gt;
          &lt;div class="content-text slideContentWrapper"&gt;    
          &lt;/div&gt;
      &lt;/div&gt;               
  &lt;/div&gt;
  </code></pre>
  
  <p>Right Now <code>onload</code> I did this. I do not want to reload page. I just want slide should happen on click.</p>