如何以动画方式显示/隐藏 div

Question

这是一个愚蠢的问题，但我无法弄清楚。

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

Answer 1

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

用法：

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

参见 jsFiddle 演示。

Answer 2

使用 slideSwitchgle，对你来说更容易：

JSBIN演示

滑动切换