jquery - 読み込み時ではなく、div onclick 内でページをスライドさせる

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>

今、onload私はこれをしました。ページをリロードしたくありません。クリック時にスライドが発生するようにしたいだけです。

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');
  });
});