مسج موبايل كتلة للطي

كتلة المحتوى للطي

كتلة للطي تسمح لك لإخفاء أو عرض محتويات - لتخزين جزء من المعلومات المفيدة.

لإنشاء كتلة محتوى قابل للطي، تحتاج إلى إضافة حاوية بيانات دور = "قابلة للطي" السمة. في حاوية (شعبة) في الداخل، إضافة عنصر رأس (H1-H6)، تليها تمديد كنت تريد أن تجعل علامات HTML:

أمثلة

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

محاولة »

افتراضيا، يتم طي المحتوى. لتوسيع محتوى عند تحميل الصفحة، استخدم = "كاذبة"، انهارت البيانات:

أمثلة

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

محاولة »

كتلة لطي متداخلة

يمكن أن تتداخل كتل محتوى جاهزة لبعضها البعض:

أمثلة

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

محاولة »

	كتل محتوى للطي يمكن أن تتداخل عدة مرات وفقا لاحتياجاتك.

جمع طوي

يتم تجميع طوي مجموعة كتلة للطي معا (مثل الأكورديون). عند نشر كتلة جديدة، سيتم طيها كل الكتل الأخرى.

إنشاء العديد من كتلة المحتوى للطي، ثم محتويات كتلة محاطة الحاوية قابلة للطي مع-دور البيانات الجديدة = "لطي-مجموعة" من:

أمثلة

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

محاولة »