toggle ක්රමය
toggle ක්රමය මූලද්රව්ය සුමටව පෙන්වීම/සඟවා ගැනීම
අතර මාරු කරයි. මූලද්රව්යය පෙන්වනු ලැබුවහොත්, එය සඟවනු ලැබේ
සහ අනෙක් අතට.
වාක්ය රචනය
මිලි තත්පර වලින් නිශ්චිත කාලයක් සඳහා පෙන්වීම,
පෙරනිමියෙන් 400ms:
.toggle(කාලසීමාව);
කාලය සැකසිය හැක්කේ මිලි තත්පර වලින් පමණක් නොව,
slow (600ms)
සහ fast (200ms) යන යතුරු වචන වලින්ද වේ,
වටිනාකම වැඩි වන තරමට,
අනිමේෂනය ළගා වේ:
.toggle('slow' හෝ 'fast');
display පරාමිතියක් ලෙස අගය ලබා දිය හැක
true හෝ false. true නම්, මූලද්රව්යය
පෙන්වනු ලබනවා පමණක් වනු ඇත, false - සඟවනු ලැබේ:
.toggle(display);
පරාමිතීන් නොසඳහන් කළේ නම් - අනිමේෂනය නොමැත, මූලද්රව්ය පෙන්වී/සඟවා ගැනීම සිදු වනු ඇත ක්ෂණිකව:
.toggle();
දෙවන පරාමිතියක් ලෙස සුමට ශ්රිතයක් ලබා දිය හැකිය, තුන්වන පරාමිතියක් ලෙස callback ශ්රිතයක්ද - ක්රියාත්මක වනු ඇත අනිමේෂනය සම්පූර්ණ කිරීමෙන් පසු. පරාමිති දෙකම අනිවාර්ය නොවේ:
.toggle(කාලසීමාව, [සුමට ශ්රිතය], [callback ශ්රිතය]);
දෙවන අනිවාර්ය නොවන පරාමිතියක් ලෙස පමණක් callback ශ්රිතයක් ලබා දිය හැකිය - ක්රියාත්මක වනු ඇත අනිමේෂනය සම්පූර්ණ කිරීමෙන් පසු:
.toggle(කාලසීමාව, [callback ශ්රිතය]);
ක්රමයට විවිධ විකල්ප, JavaScript වස්තුවක ආකාරයෙන්, අඩංගු වේ යතුර: අගය යුගල:
.toggle(options);
එවැනි වස්තුවක් පහත දැක්වෙන පරාදියේ
පරාමිති සහ ශ්රිත ලබා දිය හැකිය - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. විස්තරය
මෙම පරාමිතීන්ගේ ඔබට ක්රමය සඳහා බැලිය හැකිය
animate. උදාහරණයක් ලෙස,
කාලසීමාව සහ සුමට ශ්රිතය සකසමු:
.toggle( {duration: 800, easing: easeInSine} );
උදාහරණය
අපි බොත්තම ක්ලික් කිරීමෙන් පසු, සුමටව පෙන්වමු
සඟවා ඇති ඡේදය toggle ක්රමය භාවිතා කරමින්. ලබා දීමෙන්
යතුරු වචනය slow, අපි වේගය සකසමු
600ms වෙත. නැවත ක්ලික් කිරීමෙන් - සඟවන්න:
<button>text පෙන්වන්න</button>
<p style="display: none">text</p>
$('button').click(function() {
$('p').toggle('slow');
});
මෙයද බලන්න
-
fadeToggleක්රමය,
මූලද්රව්යවල පාරදෘෂ්යතාවය වෙනස් කරයි -
slideToggleක්රමය,
මූලද්රව්ය සුමටව පෙන්වීම/සඟවා ගැනීම අතර මාරු කරයි -
showක්රමය,
මූලද්රව්ය සුමටව පෙන්වයි -
hideක්රමය,
මූලද්රව්ය සුමටව සඟවයි
