Question

现在我使用Jquery来实现这种效果，但动画并不流畅

$("#slideToggle").click(function () {

    $('#contatti').slideUp();

});

这适用于CSS

#contatti {
   width: 100%;
   position: absolute;
   bottom: 0;
   display: none;
}

http://jsfiddle.net/p99FM/

有人可以让我朝着正确的方向与Transit获得相同的结果吗？谢谢:)）

Answer 1

我建议您使用css3过渡属性：

.slideup {
   width: 100%;
   height:0;
   -webkit-transition: height 2s;
   -moz-transition: height 2s;
   -o-transition: height 2s;
   transition: height 2s;
}

然后在jQuery中使用toggleClass()方法：

$("#slideToggle").click(function () {
    $('#contatti').toggleClass('slideup');
});

Answer 2

使用jQuery Transit，我已成功设置高度并在转换开始之前动态溢出。

all(array < 0.5)

使用Transit js的Jquery slideUp和slideDown

2 个答案: