fadeToggle მეთოდი jQuery-ში

მეთოდი fadeToggle მუშაობს ანალოგიურად მეთოდის slideToggle, ის ასევე ახორციელებს ეფექტების მონაცვლეობას: ზოგჯერ აჩვენებს ელემენტს, ზოგჯერ კი ამალებს მას.

მაგალითად, ჩვენ შეგვიძლია, ერთსა და იმავე ღილაკზე დაწკაპუნებით როგორც ვაჩვენოთ ელემენტი, ასევე დავამალოთ იგი. მოდით, რეალიზაცია გავუკეთოთ ამ მეთოდს შემდეგ HTML კოდზე:

html<button id="toggle">დააწკაპუნე ჩემზე</button>
<div id="elem">ტექსტი...</div>

დაე, CSS ასე გამოიყურებოდეს:

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

ვწერთ შემდეგ Javascript კოდს:

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