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:
.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;
}
最佳答案
您的代码使用 Jquery UI 方法,包括以下脚本(调用 jquery 脚本后)并且它应该可以工作
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js'></script>
我试过了,成功了!
编辑:具体来说,缓动方法(向下滑动)包含在您需要引用的 jquery ui 脚本中。
关于JQuery 疑难解答 : I am trying to make my div reverse . slipup(),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14036627/