jQuery-de slideToggle metodu

Indiki metodu - slideToggle şeýle işleýär: element gizlenen bolsa - ony görkezýär, görkezilen bolsa - gizleýär. Bu metoduň amatlylygy şonda ýatyr ki, munyň hemmesi bir düwmä asylýar, öňki sapaklardaky ýaly iki däl.

Geliň indiki mysala seredeliň. HTML kodymyz şeýle görünsin:

html<button id="toggle">meni bas</button>
<div id="elem">tekst...</div>

Şeýle hem CSS bar:

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

Indi bir düwmä basylanda element ýa gizlenýän ýa-da görkezilýän kod ýazalyň:

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