Métodos slideUp e slideDown no jQuery
Os métodos slideUp e
slideDown
permitem "recolher" e "deslizar para baixo"
um elemento (eles também aceitam o tempo de execução do efeito como parâmetro,
se não for especificado - será usado o tempo padrão, 400ms). Para ver
como isso se parece - consulte o exemplo a seguir.
Suponha que temos dois botões e um div:
<button id="hide">hide</button>
<button id="show">show</button>
<div id="elem">texto...</div>
O CSS é o seguinte:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Agora aplicamos os métodos slideUp e
slideDown:
$('#hide').click(function() {
$('#elem').slideUp(1000);
});
$('#show').click(function() {
$('#elem').slideDown(1000);
});
