jQuery ရှိ fadeToggle နည်းလမ်း

fadeToggle နည်းလမ်းသည် slideToggle နည်းလမ်းကဲ့သို့ပင် အလားတူ အလုပ်လုပ်ပြီး၊ ၎င်းသည်လည်း အကျိုးသက်ရောက်မှုများကို ပြောင်းလဲပြသခြင်း (toggle) ကို အကောင်အထည်ဖော်သည် - အရာဝတ္ထုကို တစ်ခါတစ်ရံပြသ၍ တစ်ခါတစ်ရံဝှက်ထားသည်။

ဥပမာအားဖြင့်၊ ကျွန်ုပ်တို့သည် တူညီသောခလုတ်တစ်ခုကို နှိပ်ခြင်းဖြင့် အရာဝတ္ထုကို ပြသနိုင်ပြီး ဝှက်ထားနိုင်သည်။ အောက်ပါ HTML ကုဒ်ပေါ်တွင် ဤနည်းလမ်းကို အကောင်အထည်ဖော်ကြပါစို့:

<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;
}

အောက်ပါ Javascript ကုဒ်ကို ရေးသားပါ:

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