jQuery的效果基本show和使用了slideDown过境JS

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交通，我已经成功设置在转换开始之前动态地高度和溢出。

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