slideToggle մեթոդը jQuery-ում

Հաջորդ մեթոդը՝ slideToggle աշխատում է այսպես. եթե տարրը թաքնված է՝ ցույց է տալիս այն, իսկ եթե ցուցադրված է՝ թաքցնում է: Այս մեթոդի հարմարավետությունը նրանում է, որ այս ամենը կարելի է կախել մեկ կոճակի վրա, և ոչ թե երկուսի, ինչպես դա էր նախորդ դասերում:

Դիտարկենք հետևյալ օրինակը: Թող մեր HTML կոդը այսպիսի տեսք ունենա.

<button id="toggle">click me</button>
<div id="elem">text...</div>

Կա նաև CSS.

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

Այժմ գրենք կոդ, որպեսզի մեկ կոճակի սեղմումով տարրը երբեմն թաքնվի, երբեմն էլ ցուցադրվի.

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