メニュー画面への機能展開

メニューをクリックする事で、別ウィンドウではなく、メニュー画面の右側領域に機能を表示するサンプルです。
メニュー画面左上のハンバーガーアイコン（三本線）をクリックする事で、メニュー領域を縮める事が可能です。


画面イメージ：メニュー選択前


画面イメージ：メニュー選択後


画面イメージ：ハンバーガーアイコンクリック

※ 注意：本サンプルを使用したページでタイムアウトが発生しますと、ログイン画面が右フレームに表示されますが、フレームにはメニューがそのまま表示されます。この動作は回避できません。

開発のポイント

JSファイル／CSSファイル：ファイル
※ファイルを別名にしております。内容をコピーし、Docrootの共通ファイルに転記して利用ください。