jQuery ရှိ slideToggle method

နောက် method တစ်ခုဖြစ်သည့် slideToggle သည် အလုပ်လုပ်ပုံမှာ - element ကိုဖျောက်ထားလျှင် ပြပေးမည်၊ ပြထားလျှင်မူ ဖျောက်ပေးမည်။ ဤ method ၏ အဆင်ပြေမှုမှာ ၎င်းအားလုံးကို button တစ်ခုပေါ်တွင် တင်ထားနိုင်ခြင်းဖြစ်ပြီး ယခင်သင်ခန်းစာများတုန်းကလို နှစ်ခုမဟုတ်တော့ပါ။

အောက်ပါ ဥပမာကို ကြည့်ရှုကြပါစို့။ ကျွန်ုပ်တို့၏ HTML code သည် ဤကဲ့သို့ ဖြစ်သည် ဆိုပါစို့။

html<button id="toggle">click me</button>
<div id="elem">text...</div>

CSS လည်း ရှိပါသည်။

css#elem {
  padding: 10px;
  width: 150px;
  height: 150px;
  border: 1px solid green;
  margin-top: 10px;
}

ယခု button တစ်ခုကို နှိပ်လိုက်တိုင်း element သည် ဖျောက်ခြင်း၊ ပြခြင်း ပြုလုပ်နိုင်ရန် code ကို ရေးကြပါမည်။

javascript$('#toggle').click(function() {
  $('#elem').slideToggle(1000);
});