すべてひらく

ひらく

はじめに

ここで公開しているのは「アコーディオンメニュー・クッキー機能つき」JSです。特徴としては、

  • 最初のアクセスで指定のメニューを開いた状態にできる。
  • ページ遷移しても、メニューの開閉状態が記憶される。
  • ブラウザを落とすとクッキーは消去される。
  • 開閉ボタン(画像)の切り替え+ロールオーバーによる画像切り替えの実装
  • JSなしの状態だとすべてのコンテンツが開いた状態で表示される

こんな感じです。いちおう、WinIE6、7、WinMacFirefox、WinMacSafariで動作確認済みです。

ひらく

参考サイト・使用ライブラリ

ひらく

仕様

保存・判別できるcookieは英語スペルぶん(26コ)まで。
よって、26コ以上のメニューがある場合はこれだと実装不可です。

参考にさせてもらったサイトのものは数字でcookieを記載していたのですが、
それだと9コしかメニューが入れられず、当時の仕様だともっとメニューが多くなる予定だったので
アルファベットにおきかえました。