toggle ක්‍රමය

toggle ක්‍රමය මූලද්‍රව්‍ය සුමටව පෙන්වීම/සඟවා ගැනීම අතර මාරු කරයි. මූලද්‍රව්‍යය පෙන්වනු ලැබුවහොත්, එය සඟවනු ලැබේ සහ අනෙක් අතට.

වාක්‍ය රචනය

මිලි තත්පර වලින් නිශ්චිත කාලයක් සඳහා පෙන්වීම, පෙරනිමියෙන් 400ms:

javascript.toggle(කාලසීමාව);

කාලය සැකසිය හැක්කේ මිලි තත්පර වලින් පමණක් නොව, slow (600ms) සහ fast (200ms) යන යතුරු වචන වලින්ද වේ, වටිනාකම වැඩි වන තරමට, අනිමේෂනය ළගා වේ:

javascript.toggle('slow' හෝ 'fast');

display පරාමිතියක් ලෙස අගය ලබා දිය හැක true හෝ false. true නම්, මූලද්‍රව්‍යය පෙන්වනු ලබනවා පමණක් වනු ඇත, false - සඟවනු ලැබේ:

javascript.toggle(display);

පරාමිතීන් නොසඳහන් කළේ නම් - අනිමේෂනය නොමැත, මූලද්‍රව්‍ය පෙන්වී/සඟවා ගැනීම සිදු වනු ඇත ක්ෂණිකව:

javascript.toggle();

දෙවන පරාමිතියක් ලෙස සුමට ශ්‍රිතයක් ලබා දිය හැකිය, තුන්වන පරාමිතියක් ලෙස callback ශ්‍රිතයක්ද - ක්‍රියාත්මක වනු ඇත අනිමේෂනය සම්පූර්ණ කිරීමෙන් පසු. පරාමිති දෙකම අනිවාර්ය නොවේ:

javascript.toggle(කාලසීමාව, [සුමට ශ්‍රිතය], [callback ශ්‍රිතය]);

දෙවන අනිවාර්ය නොවන පරාමිතියක් ලෙස පමණක් callback ශ්‍රිතයක් ලබා දිය හැකිය - ක්‍රියාත්මක වනු ඇත අනිමේෂනය සම්පූර්ණ කිරීමෙන් පසු:

javascript.toggle(කාලසීමාව, [callback ශ්‍රිතය]);

ක්‍රමයට විවිධ විකල්ප, JavaScript වස්තුවක ආකාරයෙන්, අඩංගු වේ යතුර: අගය යුගල:

javascript.toggle(options);

එවැනි වස්තුවක් පහත දැක්වෙන පරාදියේ පරාමිති සහ ශ්‍රිත ලබා දිය හැකිය - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. විස්තරය මෙම පරාමිතීන්ගේ ඔබට ක්‍රමය සඳහා බැලිය හැකිය animate. උදාහරණයක් ලෙස, කාලසීමාව සහ සුමට ශ්‍රිතය සකසමු:

javascript.toggle( {duration: 800, easing: easeInSine} );

උදාහරණය

අපි බොත්තම ක්ලික් කිරීමෙන් පසු, සුමටව පෙන්වමු සඟවා ඇති ඡේදය toggle ක්‍රමය භාවිතා කරමින්. ලබා දීමෙන් යතුරු වචනය slow, අපි වේගය සකසමු 600ms වෙත. නැවත ක්ලික් කිරීමෙන් - සඟවන්න:

html<button>text පෙන්වන්න</button>
<p style="display: none">text</p>

javascript$('button').click(function() {
  $('p').toggle('slow');
});

මෙයද බලන්න