JQuery疑难解答：我正在尝试使我的div反转

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

HTML:

CSS: ​

---

您的代码使用jqueryui方法，包括下面的脚本（在调用Jquery脚本之后），它应该可以工作

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

我试过了，成功了

---

编辑：具体来说，放松方法（向下滑动）包含在jquery ui脚本中，您需要参考它。

@Chetan是的，它在这个JSFIDLE中工作得很好，因为选择了JqueryUI库，而没有为原始JSFIDLE选择它。

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

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

.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;    
}​

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