2.0 KiB
2.0 KiB
title | localeTitle |
---|---|
jQuery Effects Hide Method | jQuery Effects Hide Method |
jQuery Hide Method
Em sua forma mais simples, .hide () oculta o elemento correspondente imediatamente, sem animação. Por exemplo:
$(".myclass").hide()
irá esconder todos os elementos cuja classe é myclass . Qualquer seletor jQuery pode ser usado.
.hide () como um método de animação
Graças às suas opções, .hide () pode animar a largura, a altura e a opacidade dos elementos correspondentes simultaneamente.
- A duração pode ser fornecida em milissegundos ou usando os literais lentos (600 ms) e rápidos (200ms). por exemplo:
$("#myobject").hide(800)
- Uma função pode ser especificada para ser chamada assim que a animação estiver completa, uma vez por cada elemento correspondente. Este retorno de chamada é principalmente útil para encadear diferentes animações. Por exemplo
$("p").hide( "slow", function() {
$(".titles").hide("fast");
alert("No more text!");
});
- More options exist, please refer to the official website for further details.
.toggle() method
To show / hide elements you can use toggle()
method. If element is hidden toggle()
will show it and vice versa.
Usage:
javascript $ (". myclass"). toggle () \`\` \`
### método .slideDown ()
Este método anima a altura dos elementos correspondentes. Isso faz com que partes inferiores da página deslizem para baixo, abrindo caminho para os itens revelados. Uso:
```javascript
$(".myclass").slideDown(); //will expand the element with the identifier myclass for 400 ms.
$(".myclass").slideDown(1000); //will expand the element with the identifier myclass for 1000 ms.
$(".myclass").slideDown("slow"); //will expand the element with the identifier myclass for 600 ms.
$(".myclass").slideDown("fast"); //will expand the element with the identifier myclass for 200 ms.
Mais Informações:
JQuery hide () método no site oficial