slideToggle metode jQuery

Nākamā metode - slideToggle strādā šādi: ja elements ir paslēpts - to parāda, bet ja ir parādīts - to slēpj. Šīs metodes ērtība ir tāda, ka to visu var pakārt uz vienas pogas, nevis uz divām, kā tas bija iepriekšējās nodarbībās.

Apskatīsim šādu piemēru. Pieņemsim, ka mūsu HTML kods izskatās šādi:

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

Ir arī CSS:

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

Tagad uzrakstīsim kodu, lai, nospiežot vienu pogu, elements tad tiktu paslēpts, tad parādīts:

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