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