Twitterの投稿フォームや、人力検索はてなの「コメントを書く」ボタンのように、何かを書こうと選択するとフォームが大きくなったり出現したりするのはどういった処理（JavaScript）を記述すれば実現出来るでしょうか？

人力検索はてなの「コメントを書く」ボタンのように

について、エッセンスを抽出してみました。

  <div id="comment-show-btn" class="center"><input type="image" src="/images/comment-button.gif" value="コメントを書く" onclick="$(this).parent().hide();$('#comment-form').show();$('#textarea-comment-content').focus();"></div>

  <div id="comment-form" style="display:none;">
        <label><textarea name="content" cols="60" rows="2" id="textarea-comment-content"></textarea></label>
  </div>

それほど難しいことをやっているわけではなくて、以下のようなことをやってます。

• 書き込み欄の <textarea> もしくは、それを囲む要素のスタイルで display:none; を指定して、表示しないようにしておく
• ボタンを押したアクションで、その要素を表示する (jQuery だと、.show())

それに加えて、細かい配慮でボタンを消したり、入力領域にフォーカスを当てたり、なんてことをしています。