説明例
This examples demonstrates collapse and expand of groups of elements.
どのように構築したか
This example demonstrates how to integrate collapsable sections into your pages.
The elements on the page collapse and expand menu sections when a user clicks on one of the arrows.
The collapsing layout works by placing the elements of each menu item in a box element. Each section that can be collapsed is also placed in a box element.
When a box is expanded, the boxes below it shift down the page to make room for it. When it is collapsed, the elements below it shift back up to take its space. Note that expanding or collapsing a box affects all the elements inside the box, so we don’t have to expand or collapse each one individually.
次のステップ
この例をエディターで開き、テンプレートを操作してください。
サイトを公開する。
どのように Veloでの例題の扱い方.
関連例
これは役に立ったか?
|
ご意見ありがとう!
エレメントの非表示と表示
ユーザーのインタラクションに応じて要素を隠したり表示したりする。
中級
Hide and Show an Image
Show and hide an image according to the clicked button.
初心者
Sticky Header
Keep the site header visible when a visitor scrolls the page.
初心者
レイアウト変更
スライドショーを使ってレイアウトを変更する。
初心者