fadeToggle მეთოდი jQuery-ში

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