単純なjqueryコードだが、頻繁に使うのでここにおいておく。

help要素などに最適。

ページを読み込むといったんhideで要素を消す。これはjavascriptが許可されてないユーザーへの配慮。

スニペット

$(function () {
    $('.subMenu').hide();
    $('#help').click(function (e) {
        $('.subMenu').slideToggle();
    });
});

.

例

↓

<input type="button" value=" 使い方 " id="help"/>
 <ol class="subMenu">
 <li>どどんとふのアドレス、部屋番号、設定されていればパスワードを入力してください。</li>
 <li>名前はどどんとふ上で結果を発言する者の名前です。</li>
 <li>お好みの表を選び、「を選択」ボタンをクリックしてください。</li>
・
・
・

.