jQuery UI の accordion の機能を使ってWEBサイトのメニューを更新。
jQuery の設置は本を見ながら、なんとなくできたけど、いざ導入しようと思うと色々と加工しなければならず・・・
最初は普通にアコーディオンメニューを。次にメニュータイトルにマウスオーバーするとメニューが開くタイプを。すべてのページを完成させてみると、いつも一番上のメニューが開いた状態になってしまう。お知らせを表示するので問題ないだけど、ページを移動するときにそのページのメニューが開いていないとなんか変。というわけでコードを追加。
どうやったらいいかわからない。
showとかhideで処理させようとすると、動作がおかしい。
そこで各メニューのタイトル部分にIDをふって、そのタイトルをクリックさせることでそのIDのメニューを開くようにしてみる（ちなみにマウスオーバーではうまくいきません）。するとクリック時の動作を再現させるのでなんか開いたと同時にメニューが開く感じで少しタイミングがおかしいけど、これはこれでいいような。
もう少し調べてみます。
先日久々書店に行ったら、よさげな本が2014年10月3日発行なのでつい最近出版されたもの。まだちら見しかしてないけど買ってきました。すごくわかりやすそう。
