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:
<button id="hide">versteek</button>
<button id="show">wys</button>
<div id="elem">teks...</div>
CSS lyk so:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Nou skryf ons die metodes slideUp en
slideDown:
$('#hide').click(function() {
$('#elem').slideUp(1000);
});
$('#show').click(function() {
$('#elem').slideDown(1000);
});
