javascript - div关闭一次后，Jquery动画没有“重新激活”

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