jquery - sliding page inside div onclick instead of on load

Question

jQuery

$(document).ready(function () {
    $(".slideContent").animate({
        marginLeft: $(".slideContent").css('margin-left') == '903px' ?
            '0px' : '0px'
    }, function () {
        // Animation complete.
        $(".contentWrapper").css('z-index', '1');
    });

HTML

<div class="contentWrapper">
    <div class="content slideContent homeContent">
        <div class="content-text slideContentWrapper">    
        </div>
    </div>               
</div>

Right Now onload I did this. I do not want to reload page. I just want slide should happen on click.

Answer 1

$(document).ready(function(){
  $("#id").click(function(){
    $(".slideContent").animate({        
      marginLeft : $(".slideContent").css('margin-left') == '903px' ? '0px' : '0px'                      
    }, function() {
      // Animation complete.
      $(".contentWrapper").css('z-index','1');
  });
});