jQuery-дегі slideToggle әдісі

Келесі әдіс - slideToggle мынадай жұмыс істейді: егер элемент жасырын болса - оны көрсетеді, ал егер көрініп тұрса - жасырады. Бұл әдістің ыңғайлылығы соңдында бәрін бір түймеге бекітуге болады, ал алдыңғы сабақтарда болғандай екі түймеге емес.

Келесі мысалды қарастырайық. Біздің HTML коды мынадай болсын:

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

Сондай-ақ CSS бар:

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

Енді бір түймені басу арқылы элемент жасырылып, көрсетілетіндей код жазайық:

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