Ir para conteúdo

POWERED BY:

Arquivado

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

MatheusSilva

[Resolvido] qual efeito é este?

Recommended Posts

não é um slidedown apesar de parecido.

 

mas você pode fazer esse efeito aumentando o height da div q está com overflow: hidden;

 

tente.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Script

$(document).ready(function () {
$('#animate-fade').click(function () {
$('.neat').animate({ opacity : 'toggle' }, 'slow');
});

$('#animate-slide').click(function () {
$('.neat').slideToggle('slow');
});

$('#animate-both').click(function () {
$('.neat').animate({
opacity: 'toggle',
height: 'toggle'
});
});
});

 

CSS

p.neat{
display: none;
clear: both;
margin-top:15px;
margin-bottom:-20px;
padding:auto;
width:auto;
cursor:text !important;
}

 

HTML

<div id="conteudo">
<font class="texto"> TESTE TESTE TESTE TESTE</font>
<p class="neat"> TESTE @ TESTE @ TESTE @</p>
<br/>
<input type="button" id="animate-slide">
</div>

 

entra aqui, este é o site que eu estou desenvolvendo, http://www.guedesadv.com.br/site

 

na home tem umas setinhas clica la, é o mesmo efeito!

 

Espero ter ajudado ^^)

Compartilhar este post


Link para o post
Compartilhar em outros sites

O site está usando jQuery, código no site que você passou:

 

$('#Geeky').click(function(){
   $("#Geeky-Dropdown").slideToggle(1500);
});

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.