2

http://jsfiddle.net/GwBuj/1061/

我不知道为什么这不起作用。我一直在这个问题上停留了一段时间。

HTML:

   <div class="step" id="firststep">
         <div class="stepgraphic2">fadjkfjka</div>
    </div>

jQuery:

$('#firststep').click(function() {

     alert('fjad');                   
     $('.stepgraphic2').hide("slide", { direction: "down" }, 1000);
});

CSS:​</p>

.step{        
    float: left;
    height: 230px;
    width: 230px;
    background-color: #025588;
    margin-top: 115px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
}  
.stepgraphic2{  
    background-color:#FFF;
    height: 170px;
    width: 157px;    
}​
4

1 回答 1

1

您的代码使用 Jquery UI 方法,包括以下脚本(在调用 jquery 脚本之后),它应该可以工作

<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js'></script>

我试过了,它奏效了!

编辑:具体来说,缓动方法(向下滑动)包含在您需要参考的 jquery ui 脚本中。

于 2012-12-26T06:22:35.560 回答