div关闭一次后，Jquery动画不会“复活”

Question

我有一个使用.animate的div。我有div css：

 position:fixed; 
 bottom:-240px; 

和animate脚本是：

 $("#media").click(function () {
 $("#mediadetails").animate({height: "425px"}, 1000);

有一个特殊的div关闭：

 $("#mediaclose").click(function() {
 $("#mediadetails").toggle(2000);

初始动画工作正常 - 你点击关闭按钮，div关闭。但是，如果再次点击媒体链接，它将不再动画。

有什么想法吗？

Answer 1

这是因为.toggle()只会隐藏元素而不会改变高度（它确实会改变高度，但也会改变宽度和不透明度）。下一个.animate()只会改变高度，宽度和不透明度将保持不变。

$('#mediaclose').click(function() {
    $('#mediadetails').animate({height: "0px"}, 2000);
});