Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal!
Como montar uma DIV que ao ser clicada com botão, ela exibe a DIV que está escondida, mas com um porém, com efeito?
1) a div tem que abrir em 100 por cento da tela;
2) com efeito de fade, slide;
3) como fazer isso em CSS?Fiz o botão assim:
<script type="text/javascript">
$('#btn_laranja').on('click',function(){
$('#menu_orcamento').fadeIn(1000).show();
});
</script>
Coloquei também um efeito com animated slideInDown, mas não ficou bom.
Tem algum outro jeito que conhecem para realizar isso, para contribuirem???
Agradeço desde já.
Até....Usando jquery
<style>
#to-escondida{display:none;}
</style>
<script>
$("#me-clica").click(function(){
$("#to-escondida").fadeIn('slow');
});
</script>
<div id="me-clica">clica aqui</div>
<div id="to-escondida">me exibe</div>
Acho que isso pode lhe ajudar a entender como fazer o efeito desejado:
http://jsfiddle.net/gabrieleromanato/cX88R/