jQuery を使った要素の表示、非表示（スクロールアニメーション付き）

jQuery日本語リファレンスのソースコードを参考（というか、ほぼそのまま）。 自分向けのメモとして残します。

<div id="test">test</div>
<div>
  <div>child1</div>
  <div>child2</div>
</div>

$(function() {
  $("#test").click(function() {
    var child = $(this).next();
    if( child.is(':hidden')) {
      child.slideDown('fast');
    } else {
      child.slideUp('fast');
    }
  });
});