Vincular Div con jQuery

Question

Tengo el siguiente codigo, pero lo hace automatico, y lo que quiero es apretar el div y que se esconda el texto, no se como hacerlo .

<pre lang='html4strict'><div onclick="fede()"id="micontenido" style=" background:#9C0; border:double:#F00">
   aca tu contenido. asegurate que sea extenso para que puedas ver el efecto-->
</div>

<script type="text/javascript">
$(document).ready(function(){
  $(document).ready(function () {
    $('#micontenido').fadeOut(1200);
  });
});
</script>

Answer 1

Sería mediante el método click sobre la capa.

<script type="text/javascript">
$(document).ready(function(){
  $('#micontenido').click(function () {
    $('#micontenido').fadeOut(1200);
  });
});
</script>

Answer 2

Hola Muchas gracias por tu tiempo, anda de 10, yo pincho sobre el div y este se esconde lentamente, buenisimo, lo que necesito y me he explicado mal anteriormente, es pinchar sobre un div y que otros div se escondan....

Me podrias dar una ayuda? ...

Gracias.! y Saludos

Answer 3

Pues jugando con el ID del elemento sobre el que se hace fadeOut. Por ejemplo si queremos ocultar una capa que se llama miCapa, sería:

<script type="text/javascript">
$(document).ready(function(){
  $('#micontenido').click(function () {
    $('#miCapa').fadeOut(1200);
  });
});
</script>
Si quieres ocultar dos: miCapa y miCapa2, sería...

<script type="text/javascript">
$(document).ready(function(){
  $('#micontenido').click(function () {
    $('#miCapa').fadeOut(1200);
    $('#miCapa2').fadeOut(1200);
  });
});
</script>