jQuery ရှိ slideToggle method

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

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

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

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

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

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

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