Javascript 使用Transit js的Jquery slideUp和slideDown

现在我使用Jquery来实现这个效果，但是动画并不平滑

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

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

});

这是CSS的

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

有人能给我指出正确的方向，让我在运输中获得同样的结果吗？

---

谢谢：）

我建议您使用

css3

transition属性：

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

---

使用jQueryTransit，我成功地在转换开始之前动态设置了高度和溢出

 $('.slide')
      .css('height', $alert.height())
      .css('overflow', 'hidden')
      .transition({height: '0px'});

---

你能给我看一下你的代码（HTML）吗？使用animation.css可以获得所有令人惊奇的css动画效果。在这里你可以下载