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

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

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

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

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

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