Metodas slideToggle jQuery

Kitas metodas - slideToggle veikia taip: jei elementas yra paslėptas - jį rodo, o jei rodomas - paslepia. Patogumas šio metodo yra tas, kad visa tai galima pakabinti ant vieno mygtuko, o ne ant dviejų, kaip buvo ankstesnėse pamokose.

Panagrinėkime tokį pavyzdį. Tarkime, mūsų HTML kodas atrodo taip:

html<button id="toggle">spausk mane</button>
<div id="elem">tekstas...</div>

Taip pat yra CSS:

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

Dabar parašykime kodą, kad paspaudus vieną mygtuką elementas tada pasislėptų, tada būtų rodomas:

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