Capturar cuando hacen clic en mi pagina

[chemon]

Saludos a todos

A ver si consigo explicar lo que necesito sin liarlo demasiado.

Estoy trabajando con el animatedcollapse para mostrar u ocultar menus en mi página. Hasta ahí funciona correctamente.
El problema viene en que necesito que se oculten todas las capas que puedan estar abiertas al hacer clic en cualquier parte de la página.

He probado a capturar el evento clic en el body mediante jQuery, pero se marea. Si hago clic en un enlace para que me muestre la capa, la muestra y rapidamente la oculta.

Mi codigo es el siguiente

$('body').click(function(){
animatedcollapse.toggle('login-contenedor')
});

Creo recordar que había una funcion en jquery que controlaba la propagación de eventos, pero no recuerdo como se utilizaba.

Tal vez lo estoy liando demasiado. Que el propio animatedcollapse tiene un procedimiento para controlar esto, pero no lo he encontrado.

Si alguien tiene una solución para esto, se lo agradecería.

Un saludo para todos

[David]

Puedes usar event.stopPropagation().
Véase: http://api.jquery.com/event.stopPropagation/

[chemon]

Gracias David

Probe con eso y me hice un lio tremendo

Al final he probado con este código y me funciona bien. No se si es una chapuza o si hay una manera mejor de hacerlo (supongo que si)
De momento me funciona

Aqui os dejo el código por si le sirve a alguien.


jQuery(document).click(function(e){
if (e.srcElement)
elem = e.srcElement.id
else if (e.target)
elem = e.target.id

if (elem == 'idCapa')
animatedcollapse.toggle('capaContenedor')
else
animatedcollapse.hide('capaContenedor')
});

De nuevo gracias

Un saludo