文章發佈日期: 2021-09-20
小知识教学类型: 手机应用程式开發
手機應用程式，由於限制於手機的mon大小，以及需要在有限的空間簡潔地展現出想表達的資訊，所以在外觀排位上必需作出考量。jQuery Mobile Collapsibles 便可以手機程式編寫員界定那些內容想隱藏和有需要時才展示出來。
首先建立一個div，並定義data-role="collapsible"，在此div中的內容會被先隱藏，手機用戶按需要自行按進去展開來查看內容。如想一開始手機程式已顯示div中的內容，定義data-collapsed="false"便可以。
而jQuery Mobile Collapsibles架構具有相當彈性，可支援Collapsibles中也包含著Collapsibles，亦即Nested Collapsible Blocks，手機應用程式Apps編寫員可按需要來架設Collapsibles的使用。
