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