Collapsible Widget -> Collapsible content

Collapsible content

접을 수있는 콘텐츠 블록을 만들려면 컨테이너를 만들고 속성을 추가하십시오 data-role="collapsible". 이 data-content-theme속성을 사용하면 접을 수있는 콘텐츠의 테마를 설정할 수 있습니다.

이 컨테이너 내부에 직접 헤더 (H1-H6) 또는 범례 요소를 추가하십시오. 프레임 워크는 헤더를 클릭 가능한 버튼처럼 보이도록 스타일을 지정하고 확장 가능함을 나타 내기 위해 왼쪽에 "+"아이콘을 추가합니다.

머리글 뒤에 접을 수있는 HTML 마크 업을 추가합니다. 프레임 워크는이 마크 업을 표제를 클릭 할 때 숨기거나 표시 할 컨테이너에 래핑합니다.

기본적으로 콘텐츠는 축소됩니다.

<div data-role="collapsible">
  <h3>I'm a header</h3>
  <p>I'm the collapsible content. By default I'm closed, but you can click the header to open me.</p>
</div>