jQuery да slideToggle методу

Кейинги метод - 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);
});