Divs animadas

[marcelocardoso 6]

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é....

[angelorubin 142]

Acho que isso pode lhe ajudar a entender como fazer o efeito desejado:

http://jsfiddle.net/gabrieleromanato/cX88R/

[manoaj 12]

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>