Framework7-sidepanels-open-close-from-html
提供:Dev Guides
Framework7-HTMLからのパネルの開閉
説明
パネルを開閉するには、_open-panel_クラスと_close-panel_クラスをそれぞれHTML要素に追加します。 デフォルトでは、アプリに2つのパネルがある場合、_left_パネルが開閉します。 _data-panel = "left" _属性を追加することにより、どのパネルを開閉するかを指定できます。
例
次の例は、Framework7で開くパネルと閉じるパネルの使用方法を示しています。
出力
上記のコードがどのように機能するかを確認するために次の手順を実行してみましょう-
- 上記のHTMLコードを sidepanels_open_close_fromHTMLl ファイルとしてサーバーのルートフォルダーに保存します。
- このHTMLファイルをhttp://localhost/sidepanels_open_close_fromHTMLlとして開くと、出力は以下のように表示されます。
- この例では、_Open Left Panel_リンクをクリックすると左パネルが表示され、_Open Right Panel_リンクをクリックすると右パネルが表示されます。