slideToggle Method
slideToggle method သည် ဝှက်ထားသော အရာဝတ္ထုများကို
ပြေပြစ်စွာ ပြသပေးပြီး ပြသထားသော အရာဝတ္ထုများကို ဝှက်ထားပေးသည်။
Syntax
သတ်မှတ်ထားသော အချိန်အတွင်း ပြသခြင်း/ဝှက်ထားခြင်း၊
မူရင်းအားဖြင့် 400ms:
.slideToggle(ကြာချိန်);
အချိန်ကို milliseconds ဖြင့်သာမက၊
slow (600ms)
နှင့် fast (200ms) ဟူသော keyword များဖြင့်လည်း သတ်မှတ်နိုင်ပြီး၊
တန်ဖိုးကြီးလေလေ၊ animation နှေးလေလေ ဖြစ်သည်။
.slideToggle('slow' သို့မဟုတ် 'fast');
parameter များကို မသတ်မှတ်ပါက - animation မရှိပါ၊ အရာဝတ္ထုများသည် ချက်ချင်းပင်ပြသမည်/ဝှက်ထားမည်။
.slideToggle();
ဒုတိယ parameter အဖြစ် easing function တစ်ခုကိုလည်းကောင်း၊ တတိယ parameter အဖြစ် callback function တစ်ခုကိုလည်းကောင်း ပေးပို့နိုင်ပါသည် - ထိုသို့ဆိုလျှင် animation ပြီးဆုံးပြီးနောက် လုပ်ဆောင်မည်။ parameter နှစ်ခုစလုံးသည် မဖြစ်မနေပေးရန် မလိုအပ်ပါ။
.slideToggle(ကြာချိန်, [easing function], [callback function]);
JavaScript object တစ်ခုပုံစံဖြင့်၊ key: value စုံတွဲများပါဝင်သော �ွေးချယ်စရာ options အမျိုးမျိုးကို method သို့ ပေးပို့နိုင်ပါသည်။
.slideToggle(options);
ထိုကဲ့သို့သော object တစ်ခုသည် အောက်ပါ
parameter များနှင့် function များကို ပေးပို့နိုင်သည် -
duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. ဤ parameter များ၏
ဖော်ပြချက်ကို သင် သည်
animate method အတွက်
�ြည့်ရှုနိုင်သည်။ ဥပမာအားဖြင့်၊
ကြာချိန်နှင့် easing function ကို သတ်မှတ်ကြပါစို့။
.slideToggle( {duration: 600, easing: easeInSine} );
ဥပမာ
ခလုတ်ကို နှိပ်ပြီးနောက်၊
slideToggle method အသုံးပြု၍
စာပိုဒ်များပါဝင်သော မိဘ div ကို ပြေပြစ်စွာ ဝှက်ကြပါစို့
(ထို div ကို
parent method ကို အသုံးပြု၍
ရှာဖွေတွေ့ရှိမည်)၊
ခလုတ်ကို နောက်တစ်ကြိမ် နှိပ်ပါက၊ div သည်
နောက်တစ်ဖန် ပြေပြစ်စွာ ပြသမည်ဖြစ်ပြီး စသဖြင့် ဖြစ်သည်။
slow ဟူသော keyword ကို ပေးပို့ခြင်းဖြင့်၊
အမြန်နှုန်းကို 600ms အဖြစ် သတ်မှတ်မည်ဖြစ်သည်။
<button>toggle text</button>
<div>
<p id='test'>text text text text text text text</p>
<p>text text text text text text text</p>
<p>text text text text text text text</p>
</div>
$('button').click(function() {
$('#test').parent().slideToggle('slow');
});
