jQuery හි slideToggle ක්‍රමය

ඊළඟ ක්‍රමය - 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;
}

දැන් අපි කේතය ලියමු, එක් බොත්තමක් එබීමෙන් අංගය සැඟවෙන හෝ පෙන්වන ආකාරයට:

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