ひつじかいの雑記帳 — ドロップダウンメニューのサブメニュー表示ＯＮ／ＯＦＦをクリックで切り替えるグローバルナビゲーションのドロップダウンメニューはマウス移動時(mouseover)にサブメニューを表示させるものが一般的かと思います。 しかし、それではメインメニューとサブメニューの間に隙間を設けたい場合や、マウスを離れた位置に移動させた場合にもサブメニューを表示させておきたい場合などには上手く動作してくれません。 そこで、マウス移動(mouseover/mouseout)ではなく、クリックによってサブメニューのON/OFFを切り替えるドロップダウンメニューをjQueryにて作ってみました。 表示切替ルールは以下の通り ・初期状態ではサブメニューは非表示 ・メインメニューの項目（親）クリック時に、該当項目に属するサブメニュー（子）の表示ＯＮ／ＯＦＦを切り替える ・複数のサブメニューが同時に表示されないようにする （ある項目のサブメニューが表示されている時に、別のメインメニュー項目をクリッ
