Усули 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);
});