jQuery Mobile ပြန်ရိုက်

可折叠的内容块

可折叠（Collapsibles）允许您隐藏或显示内容 - 对于存储部分信息很有用。

如需创建可折叠的内容块，请向某个容器分配 data-role="collapsible" 属性。在容器（div）中，添加一个标题元素（h1-h6），其后是您需要扩展的任意 HTML 标记：

အကြိမ်

<div data-role="collapsible">
  <h1>ကြည့်လော့ - ကျွန်တော် ပြိန်းနိုင်ပါသည်!</h1>
  <p>ကျွန်တော် ပြိန်းအချက်အလက်ဖြစ်ပါသည်。</p>
</div>

ကိုယ်ဖြင့် မကြားခင် ကြည့်ချင်ပါ

အခြေခံ အချက်အလက် ပိတ်လာပါသည်။ အချက်အလက် ဖွင့်လာပြီး စားပွဲ ဖွင့်လိုက်ရာတွင် အသုံးပြုပါ data-collapsed="false":

အကြိမ်

<div data-role="collapsible" data-collapsed="false">
  <h1>ကြည့်လော့ - ကျွန်တော် ပြိန်းနိုင်ပါသည်!</h1>
  <p>ကျွန်တော် အခြေခံ ဖွင့်လာပါသည်。</p>
</div>

ကိုယ်ဖြင့် မကြားခင် ကြည့်ချင်ပါ

ပြိန်းအုပ် ပြိန်းနိုင်ပါသည်

ပြိန်းအချက်အလက် အုပ် ပြိန်းနိုင်ပါသည်

အကြိမ်

<div data-role="collapsible">
  <h1>ကြည့်လော့ - ကျွန်တော် ပြိန်းနိုင်ပါသည်!</h1>
  <p>ကျွန်တော် ဖွင့်လာသော ပါဝင်သည့် အချက်အလက်ဖြစ်ပါသည်。</p>
  <div data-role="collapsible">
    <h1>ကြည့်လော့ - ကျွန်တော် ပြိန်းအုပ် ဖြစ်ပါသည်!</h1>
    <p>ကျွန်တော် ပြိန်းအုပ် အပေါင်းစုံ ဖွင့်လာသော အချက်အလက်ဖြစ်ပါသည်。</p>
  </div>
</div>

ကိုယ်ဖြင့် မကြားခင် ကြည့်ချင်ပါ

အကြောင်းကြားချက်:ပြိန်းအချက်အလက် အုပ် အများဆုံး အချိန်အချိန် ပြိန်းနိုင်ပါသည်

ပြိန်းအသင်း

ပြိန်းအသင်း (Collapsible sets) သည် အပေါင်းစုပေါင်းသော ပြိန်းအုပ် (အမည်ဖြင့် ဂျူပီစကား တွဲပေါင်း) ဖြစ်ပါသည်။ အခြား ပြိန်းအုပ်များ ဖွင့်လာပါက အခြား ပြိန်းအုပ်များ ပိတ်လိုက်သည်

အချက်အလက် အချို့ ဖွင့်လိုက်ပြီး နောက် data-role="collapsible-set" ကို ခွဲခြားထားသော အကွက်ကို စတင်ခွဲခြားထားပါ

အကြိမ်

<div data-role="collapsible-set">
  <div data-role="collapsible">
    <h1>ကြည့်လော့ - ကျွန်တော် ပြိန်းနိုင်ပါသည်!</h1>
    <p>ကျွန်တော် ဖွင့်လာသော ပါဝင်သည့် အချက်အလက်ဖြစ်ပါသည်。</p>
  </div>
  <div data-role="collapsible">
    <h1>ကြည့်လော့ - ကျွန်တော် ပြိန်းနိုင်ပါသည်!</h1>
    <p>ကျွန်တော် ဖွင့်လာသော ပါဝင်သည့် အချက်အလက်ဖြစ်ပါသည်。</p>
  </div>
</div>

ကိုယ်ဖြင့် မကြားခင် ကြည့်ချင်ပါ

အခြား အကျိုး

data-inset အခြေခံ ဖြင့် အနောက်အရိုး ဖယ်ရှား
collapsibles ပေါ်ရှိ အနောက်အရိုး ဖယ်ရှား ရန် ဘယ်လိုက်သလဲ
data-mini ဖြင့် collapsibles ကို သေးငယ်စေ
collapsibles ကို သေးငယ်စေ ရန် ဘယ်လိုက်သလဲ
data-collapsed-icon နှင့် data-expanded-icon ဖြင့် ပုံစံ ပြောင်းလဲ
collapsibles ပုံစံ ပြောင်းလဲ ရန် ဘယ်လိုက်သလဲ (အခြား အရေးယူချက် ဖြစ်သည် + နှင့် -)