8.14. Foundation collapse list

发布时间 : 2025-10-25 13:33:55 UTC      

Page Views: 9 views

You can use a collapse list when you want to hide the display of some of the content.

8.14.1. Example

   

尝试一下 »

Case analysis

.accordion Class and data-accordion Property is used to create a collapsible element. .accordion-navigation Class is used to render collapsible elements. The actual content is in .content Class (< div class= “content”), click the button to display.

We add to the list item Element to control (show / hide) collapsible content. The anchor link then uses the same id as the collapsible content (< a href=#demo “is associated with < div id=” demo “>).

注意: Collapsible effects require initialization of Foundation JS.

By default, collapsible content is hidden. We can pass through the

Add on .active Class to display by default:

8.14.2. Example

<div id="demo" class="content active"> 

尝试一下 »

Accordion effect

The accordion effect is used to extend and set collapsible content.

Accordion effects are created by using several different anchor links and id:

8.14.3. Example

 

尝试一下 »

By default, one of the accordion list items is open. If you want to close everything that can be used data-options="multi_expand:true;" Attributes:

8.14.4. Example

<ul class="accordion" data-accordion data-options="multi_expand:true;"> .. ul>    

尝试一下 »

《地理信息系统原理、技术与方法》  97

最近几年来,地理信息系统无论是在理论上还是应用上都处在一个飞速发展的阶段。 GIS被应用于多个领域的建模和决策支持,如城市管理、区划、环境整治等等,地理信息成为信息时代重要的组成部分之一; “数字地球”概念的提出,更进一步推动了作为其技术支撑的GIS的发展。 与此同时,一些学者致力于相关的理论研究,如空间感知、空间数据误差、空间关系的形式化等等。 这恰好说明了地理信息系统作为应用技术和学科的两个方面,并且这两个方面构成了相互促进的发展过程。