Mostrar y ocultar capa con jquery

[Wertas]

Buenas tiene que ser una tontería, el caso es que a la hora de ocultar la capa cuyo id es "quicksearch" con la función fadeOut() funciona de maravilla pero cuando intento mostrarla que es volviendo a pulsar en un input con id "keywords" se muestra pero se vuelve a ocultar

Código:

$('body').click(function(){
	$('#quicksearch').fadeOut("slow");
});

$('#keywords').click(function(){
	$('#quicksearch').fadeIn("slow");
});

Está claro que es porque pincho en body en cualquier momento pero cuál sería entonces la solución a este problema, ya que la funcionalidad que le quiero dar es como la de cualquier menú, te sale una lista pero cuando no la quieres pinchas en cualquier otro lado y se va. Alguna idea?

[maycolalvarez]

eso es porque tiene el evento asignado en el body, o use StopPropagation() o apliquelo en otro evento como onBlur

[Wertas]

Mil gracias! con el stopPropagation() me ha ido de perlas!

aquí la solución:

Código:

$('body').click(function(){
	$('#quicksearch').fadeOut("middle");
});
		
$('#keywords').click(function(event){
	event.stopPropagation();
	$('#quicksearch').show();
});

[maycolalvarez]

excelente que investigara y aplicara la solución indicada, no se olvide de estudiar sobre el tema de propagación de eventos en javascript.

+karma por su entusiasmo