MUI のサンプルから持ってきたサイドメニューは、階層化が出来、かつグループの開閉も出来るので、非常に便利です。
ただ、iframe で画面が構成されている訳ではないので、本文側へのリンクや、本文中で submit をしてしまうと、
状態が初期(全部閉じた状態)に戻ってしまいます。
そこで、開閉状態だけ保持できるように仕組みを考えました。
static/script.js を読めば判りますが、メニューの開閉は jQuery の slideToggle() を使って
アニメーションしています。
ですので、JavaScript だけで機能させる為、cookie を使えば良いと思いつきます。
具体的には、親メニュー項目の ID を含んだ名前で開いた時に cookie に登録します。
こうしておけば、submit 等で新しい画面を表示した際、cookie があれば、開くようにします。
以下は追加した部分です。
| « 前頁 | 次頁 » |