サイトの左サイドのメニューがだらだらと長くて、
見にくい??探しにくい??
と思っていたものですから、この際だからアコーディオン開閉タイプに
してみました。
という事で、備忘録です。
元ネタは↓↓↓
Glossy Accordion Menu
上記サイトから「ddaccordion.js」をダウンロード
当然ですが「jquery.js」が必要です。
あとは
ddaccordion.init({・・・・・
のスクリプトと、cssをコピペして、サイトに合わせて調節すればいいのですが、jquery1.4で作動させるとIEで上にへんなmarginが入ってしまいました。。
togglehtml: [“suffix”, ““, ““]
この部分のsuffixを削除すれば良いのですが、削除すると開閉時に切り替わる+-の画像が表示されなくなります。。
他に方法があるのかもしれませんが、技術的にも時間的にも厳しいので、まぁ画像なくても良いか、全部開閉させとこ・・・
で落ち着きました(笑)
あと
animatespeed: “fast”
この部分で開閉スピードの調節が可能。
“normal” “slow”にするとゆっくり開閉します。
少しはサイドメニューがスッキリして、探しやすくなったかな??
コメント