slideUp en slideDown Metodes in jQuery

Die metodes slideUp en slideDown laat toe om 'n element te "toerol" en "uitrol" (as parameters aanvaar hulle ook die tyd vir die effek, indien nie gespesifiseer nie - sal die standaardtyd, 400ms, geneem word). Hoe dit lyk - kyk na die volgende voorbeeld.

Kom ons het twee knoppies en 'n div:

html<button id="hide">versteek</button>
<button id="show">wys</button>
<div id="elem">teks...</div>

CSS lyk so:

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

Nou skryf ons die metodes slideUp en slideDown:

javascript$('#hide').click(function() {
  $('#elem').slideUp(1000);
});

$('#show').click(function() {
  $('#elem').slideDown(1000);
});