jQuery Mobile blok dilipat

blok konten dilipat

blok dilipat memungkinkan Anda untuk menyembunyikan atau menampilkan isi - untuk menyimpan bagian dari informasi yang berguna.

Untuk membuat blok konten dilipat, Anda harus menambahkan wadah data-role = "dilipat" atribut. Dalam wadah (div) di dalam, tambahkan elemen header (H1-H6), diikuti oleh ekstensi Anda ingin tag HTML:

contoh

<div data-role="collapsible" >
<h1>点击我 - 我可以折叠!</h1>
<p>我是可折叠的内容。</p>
</div>

Coba »

Secara default, konten yang sedang dilipat. Untuk memperluas konten ketika beban halaman, menggunakan data-runtuh = "false":

contoh

<div data-role="collapsible" data-collapsed="false" >
<h1>点击我 - 我可以折叠!</h1>
<p>I'm 现在我默认是展开的。</p>
</div>

Coba »

Bersarang blok dilipat

blok konten dilipat dapat bersarang satu sama lain:

contoh

<div data-role="collapsible" >
<h1>点击我 - 我可以折叠!</h1>
<p>我是被展开的内容。</p>
<div data-role="collapsible" >
<h1>点击我 - 我是嵌套的可折叠块！</h1>
<p>我是嵌套的可折叠块中被展开的内容。</p>
</div>
</div>

Coba »

	blok konten dilipat dapat bersarang beberapa kali sesuai dengan kebutuhan Anda.

koleksi dilipat

Dilipat dilipat blok set dikelompokkan bersama-sama (seperti akordeon). Ketika blok baru dikerahkan, semua blok lainnya akan dilipat.

Buat beberapa blok konten dilipat, maka isi dari blok yang dikelilingi oleh wadah dilipat dengan data-peran baru = "dilipat-set" dari:

contoh

<div data-role="collapsible-set" >
<div data-role="collapsible">
<h1>点击我 - 我可以折叠！</h1>
<p>我是被展开的内容。</p>
</div>
<div data-role="collapsible">
<h1>点击我 - 我可以折叠!</h1>
<p>我是被展开的内容。</p>
</div>
</div>

Coba »