如何动画显示/隐藏div？

Question

这是一个愚蠢的问题，但我无法理解......

我希望在单击链接时平滑地显示div（向下滑动），并在单击页面的任何其他部分或滚动页面时隐藏它（向上滑动）。

Answer 1

如果您可以使用jQuery，则可以使用 .slideDown('slow') 方法。

用法：

$( 'a#myLink' ).click( function() {
    $( '#myDiv' ).slideDown( 'fast' );
});

请参阅jsFiddle演示。

Answer 2

使用slideToggle，更方便：

<强> JSBIN Demo

<强> Slide Toggle