javascript - divが一度閉じられた後、Jquery animateが「復活」しない

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