Metoda slideToggle në jQuery

Metoda tjetër - slideToggle funksionon kështu: nëse elementi është i fshehur - e tregon atë, dhe nëse është i shfaqur - e fsheh atë. Komoditeti i kësj metode është se e gjitha kjo mund të varëset në një buton, dhe jo në dy, siç ishte në mësimet e mëparshme.

Le të shqyrtojmë shembullin e mëposhtëm. Le të supozojmë se kodi ynë HTML duket kështu:

html<button id="toggle">click me</button>
<div id="elem">text...</div>

Gjithashtu ka CSS:

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

Tani le të shkruajmë kodin, në mënyrë që me një klikim në një buton elementi të fshihet dhe të shfaqet:

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