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