jQuery හි fadeToggle ක්‍රමය

fadeToggle ක්‍රමය slideToggle ක්‍රමයට සමානවම ක්‍රියා කරයි, එය ද අනන්‍ය අංශයක් පෙන්වීම හෝ සඟවීමේ ප්‍රතිඵල අනුක්‍රමණය කිරීම ක්‍රියාත්මක කරයි.

උදාහරණයක් ලෙස, අපට එකම බොත්තම එබීමෙන් අංශයක් පෙන්වා පසුව සඟවා දැමිය හැකිය. අපි මෙම ක්‍රමය පහත HTML කේතය මත ක්‍රියාත්මක කරමු:

<button id="toggle">මාව ක්ලික් කරන්න</button>
<div id="elem">පෙළ...</div>

CSS මේ ආකාරයෙන් යැයි සිතමු:

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

අපි පහත Javascript කේතය ලියන්නෙමු:

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