Javascript 使用jQuery添加缓解效果

当.dropdown div在jQuery中可见时，我需要给它添加一个轻松的效果，但是我也很乐意使用CSS。有什么想法吗？提前感谢：）

$（'.btn'）.bind（'click'，函数（）{
$（this.parent（）.next（'.dropdown'）.toggleClass（'open'）；
});
.top，
.底部{
背景：#333；
高度：50px；
}
.下拉列表{
高度：50px；
位置：绝对位置；
颜色：黑色；
可见性：隐藏；
}
.打开{
位置：相对位置；
能见度：可见；
}

显示内容
隐藏内容

1秒淡入（）

}))
 1秒淡入（）

}))
 希望这有帮助


$（'.btn'）.bind（'click'，function（）{
$（'drop'）。向下滑动（'slideDown'）；
});
.top，
.底部{
背景：#333；
高度：50px；
}
.下拉列表{
显示：块；
颜色：黑色；
宽度：100%；
}
.放下{
显示：无；
}
}

显示内容
隐藏内容

希望这有帮助


$（'.btn'）.bind（'click'，function（）{
$（'drop'）。向下滑动（'slideDown'）；
});
.top，
.底部{
背景：#333；
高度：50px；
}
.下拉列表{
显示：块；
颜色：黑色；
宽度：100%；
}
.放下{
显示：无；
}
}

显示内容
隐藏内容

您正在寻找类似的产品吗？但是，您的代码不能很好地切换。give.slideDown（'slow'）；a开始。你在找这样的东西吗？但是，您的代码不能很好地切换。give.slideDown（'slow'）；a开始。
$('.btn').bind('click', function (){
var $dropdown = $(this).parent().next('.dropdown');
$dropdown.hasClass('open') ? $dropdown.toggleClass('open').animate({opacity: 0},1000) : $dropdown.css({opacity: 0}).toggleClass('open').animate({opacity: 1},1000);