slideToggle მეთოდი jQuery-ში

შემდეგი მეთოდი - 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$('#toggle').click(function() {
  $('#elem').slideToggle(1000);
});