W3.JS Hide & Show


w3.hide(selector)

Element Id ကို အသုံးပြု၍ Elements များကို ဝှက်ထားသည်။

သတ်မှတ်ထားသော id ဖြင့် အစိတ်အပိုင်းတစ်ခုကို ဝှက်ထားရန်၊ id အမည်၏ ရှေ့တွင် hash tag (#) ကို အသုံးပြုပါ။

id="London" ဖြင့် အစိတ်အပိုင်းတစ်ခုကို ဝှက်ပါ-

ဥပမာ

<button onclick="w3.hide('#London')">Hide</button>


Tag Name ကိုအသုံးပြု၍ Elements များကို ဝှက်ထားသည်။

သတ်မှတ်ထားသော တဂ်အမည်ဖြင့် ဒြပ်စင်အားလုံးကို ဝှက်ထားရန်၊ ရွေးချယ်မှုအဖြစ် တဂ်အမည် (< နှင့် >) ကို အသုံးပြုပါ။

<h2> ဒြပ်စင်အားလုံးကို ဝှက်ပါ-

ဥပမာ

<button onclick="w3.hide('h2')">Hide</button>


Class Name ကို အသုံးပြု၍ Elements များကို ဝှက်ထားသည်။

သတ်မှတ်ထားသော အတန်းအမည်ဖြင့် ဒြပ်စင်အားလုံးကို ဝှက်ထားရန်၊ အတန်းအမည်၏ ရှေ့ရှိ ကာလတစ်ခု (.) ကို အသုံးပြုပါ။

class="city" ဖြင့် အစိတ်အပိုင်းများကို ဝှက်ပါ-

ဥပမာ

<button onclick="w3.hide('.city')">Hide</button>


Element Id ကို အသုံးပြု၍ အစိတ်အပိုင်းများကို ပြပါ။

သတ်မှတ်ထားသော id ဖြင့် အစိတ်အပိုင်းတစ်ခုကို ပြရန်၊ id အမည်၏ ရှေ့တွင် hash tag (#) ကို အသုံးပြုပါ။

id="London" ဖြင့် အစိတ်အပိုင်းတစ်ခုကို ပြပါ-

ဥပမာ

<button onclick="w3.show('#London')">Show</button>


Tag Name ကို အသုံးပြု၍ အစိတ်အပိုင်းများကို ပြပါ။

သတ်မှတ်ထားသော တဂ်အမည်ဖြင့် အစိတ်အပိုင်းအားလုံးကို ပြသရန် ရွေးချယ်မှုအဖြစ် တဂ်အမည် (< နှင့် >) ကို အသုံးပြုပါ။

<h2> အစိတ်အပိုင်းအားလုံးကို ပြပါ-

ဥပမာ

<button onclick="w3.show('h2')">Show</button>


Class Name ကိုအသုံးပြု၍ Element များကိုပြသပါ။

သတ်မှတ်ထားသော အတန်းအမည်ဖြင့် အစိတ်အပိုင်းအားလုံးကို ပြရန်၊ အတန်းအမည်၏ ရှေ့ရှိ ကာလတစ်ခု (.) ကို အသုံးပြုပါ။

class="city" ဖြင့် အစိတ်အပိုင်းများကို ပြပါ-

ဥပမာ

<button onclick="w3.show('.city')">Show</button>

ဖျောက်/ပြရန် ပြောင်းရန်

w3.toggleShow(selector)

ဖျောက်ပြီး Element Id ကိုအသုံးပြု၍ပြသပါ။

id="London" ဖြင့် ဝှက်ထားသော အစိတ်အပိုင်းတစ်ခု ပြသခြင်းနှင့် ပြခြင်းကြား အဖွင့်အပိတ်

ဥပမာ

<button onclick="w3.toggleShow('#London')">Toggle Hide/Show</button>


ဖျောက်ပြီး တဂ်အမည်ကို အသုံးပြု၍ ပြသပါ။

ဖုံးကွယ်ခြင်းနှင့် <h2> ဒြပ်စင်များအားလုံးကို ပြသခြင်းကြားတွင် ပြောင်းရန်

ဥပမာ

<button onclick="w3.toggleShow('h2')">Toggle Hide/Show</button>


ဖျောက်ပြီး အတန်းအမည်ကို အသုံးပြု၍ ပြပါ။

class="city" ဖြင့် ဒြပ်စင်များပြသခြင်းနှင့် ဝှက်ခြင်းကြားတွင် အဖွင့်အပိတ်လုပ်ပါ။

ဥပမာ

<button onclick="w3.toggleShow('.city')">Toggle Hide/Show</button>