Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Spyder.RV

[Resolvido] Como Animar aumento, diminuição de tamanho numa DIV?

Recommended Posts

Pessoal, bom dia...

 

Seguinte... tenho uma div de pesquisa, com uma uma input text e um botão (imagem) apenas e quando se faz a pesuquisa o conteúdo é exibido nela, que é lógico aumenta de tamanho pra se encaixar nesse conteúdo.

 

Só que aparece de uma vez, sem nenhum efeito... o que eu preciso é animar essa transição, fazendo a div crescer na vertical té encaixar no tamanho. Qual o efeito do jQuery que faz isso?

Compartilhar este post


Link para o post
Compartilhar em outros sites

use o método .animate(), e anime a propriedade css que você precisa.

Compartilhar este post


Link para o post
Compartilhar em outros sites

use o método .animate(), e anime a propriedade css que você precisa.

 

Valeu cara... deu certinho...

 

São 3 estágios... O primeiro só mostra a opção de pesquisa, ao pesquisar o resultado "cresce".

 

Geralmente o retorno é um bloco fixo de informações, mas que pode se repetir por mais uma vez, então se existir esse segundo bloco no resultado, a animação dá uma pausa e continua... ficando com uma idéia interessante.

 

 

E acrescentei um botão "nova pesquisa" onde clicou nele anima de volta até o tamanho original...

 

Ficou show de bola... brigadão.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.