javascript - div关闭一次后Jquery动画不是 "reanimating"

Question

我有一个使用 .animate 的 div。我的 div CSS 位于:

 position:fixed; 
 bottom:-240px; 

动画脚本是:

 $("#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);
});