Mbinu fadeToggle katika jQuery

Mbinu fadeToggle inafanya kazi sawa na mbinu slideToggle, pia hutekeleza kubadilishana kwa athari: wakati mwingine huonyesha kipengele, wakati mwingine huificha.

Kwa mfano, tunaweza, kubonyeza kitufe kile kile kuonyesha na kuficha kipengele. Hebu tutekeleze mbinu hii kwenye msimbo wa HTML ufuatao:

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

Wacha CSS ionekane hivi:

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

Tunaandika msimbo wa Javascript ufuatao:

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