Metodi slideUp in slideDown v jQuery
Metodi slideUp in
slideDown
omogočata "zvijanje" in "razvijanje"
elementa nazaj (kot parameter sprejemata tudi
čas izvajanja efekta; če ni določen,
se uporabi privzeti čas, 400 ms). Kako
to izgleda - si oglejte v naslednjem primeru.
Recimo, da imamo dva gumba in div:
<button id="hide">hide</button>
<button id="show">show</button>
<div id="elem">text...</div>
CSS izgleda takole:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Sedaj določimo metodi slideUp in
slideDown:
$('#hide').click(function() {
$('#elem').slideUp(1000);
});
$('#show').click(function() {
$('#elem').slideDown(1000);
});