slideToggle მეთოდი jQuery-ში

შემდეგი მეთოდი - 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);
});