jQuery ရှိ slideUp နှင့် slideDown များ

slideUp နှင့် slideDown များသည် element တစ်ခုကို "အပေါ်သို့ လှိမ့်တက်" ခြင်းနှင့် "အောက်သို့ လှိမ့်ဆင်း" ခြင်း ပြုလုပ်ရန် ခွင့်ပြုပေးပါသည် (သူတို့သည် ထပ်မံ၍ အချိန်ကို parameter အဖြစ် လက်ခံပါသည်၊ အကယ်၍ သတ်မှတ်မထားပါက - ပုံသေ အချိန် 400ms ကို ယူပါလိမ့်မည်)။ အဘယ်နည်းနှင့်တူသနည်း - အောက်ပါ ဥပမာကို ကြည့်ပါ။

ကျွန်ုပ်တို့၌ ခလုတ် နှစ်ခုနှင့် div တစ်ခု ရှိသည်ဆိုပါစို့။

html<button id="hide">hide</button>
<button id="show">show</button>
<div id="elem">text...</div>

CSS သည် ဤကဲ့သို့ ပုံပေါ်ပါသည်။

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

ယခု slideUp နှင့် slideDown များကို ရေးသားပါမည်။

javascript$('#hide').click(function() {
  $('#elem').slideUp(1000);
});

$('#show').click(function() {
  $('#elem').slideDown(1000);
});