jQuery Mobile‎ > ‎레이아웃‎ > ‎

접었다 폈다 하기를 묶어서 : 아코디언


위의 폴딩 구조를 한 세트로 묶어 놓게 되면, 한 버튼을 펼쳤을 때 다른 것들은 접히게 된다. 기본적으로 내부의 모든 항목은 닫힌 상태이다. 접었다 펴는 구조를 묶으려면 data-role="collapsible-set"를 사용한다. collapsible-set 에 직접 data-themedata-content-theme를 사용해서 테마를 지정할 수도 있고, 각각의 collapsible에 테마를 지정할 수도 있다.

<div data-role="collapsible-set" data-content-theme="d">
<div data-role="collapsible" data-collapsed="false">
<h3>
하나</h3>
<p>
여기는 하나입니다.</p>
</div>
<div data-role="collapsible">
<h3>
</h3>
<p>
여기는 둘입니다.</p>
</div>
</div>


하위 페이지 (1): 아코디언 관련 속성
Comments