1ページ内に複数種類のモーダルウィンドウを設置するサンプルデモです。リンクテキストをクリックすると、それぞれのリンクに対応したモーダルウィンドウが開きます。モーダルウィンドウ周りのオーバーレイをクリックすると終了します。
1つ目のモーダルウィンドウです。全体を囲むdiv要素に[id="modal-content-01"]が設定されています。
「閉じる」か「背景」をクリックするとモーダルウィンドウを終了します。
閉じる
2つ目のモーダルウィンドウです。全体を囲むdiv要素に[id="modal-content-02"]が設定されています。
「閉じる」か「背景」をクリックするとモーダルウィンドウを終了します。
閉じる
3つ目のモーダルウィンドウです。全体を囲むdiv要素に[id="modal-content-03"]が設定されています。
「閉じる」か「背景」をクリックするとモーダルウィンドウを終了します。
閉じる