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

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

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

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

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

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

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

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

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