Aparecer y desaparecer menu

[sergi_multimedia]

Hola a Tod@s, tengo un menu desplegable que se desplega al hacer clic en el enlace. Pero me gustaría hacer que al hacer clic al enlace otra vez o fuera del desplegable desapareciera .

Os paso el código, a ver si me podéis dar una mano ;)

Código Javascript:

$(document).ready(function(){
    $("a.productes").click(function(evento){
        $("#main-productes").fadeIn('5000');
        $("a.productes").css("background-color", "#EEEEEE");
        $("a.productes").css("color", "#0060a6");
});
});
 

os paso un enlace de la que me pasa, tenéis que pulsar donde pone "Productes", se os desplegará un submenú, pero luego no hay manera de quitarlo.

http://www.sergibeltran.com/fustot1/

Gracias de antemano.

[Dradi7]

Buenas

Para esto debes utilizar atributos adicionales a tu menú como por ejemplo el atributo data

De esta manera

Código Javascript:

$(document).ready(function(){
    $("a.productes").click(function(evento){
        var data = $(this).attr('data-estado');
        if(data == 1){
            $("#main-productes").fadeIn('5000');
            $("a.productes").css("background-color", "#EEEEEE");
            $("a.productes").css("color", "#0060a6");
            $(this).attr('data-estado',2);
        }else{
            //aqui pones tu codigo para ocultar
            $(this).attr('data-estado',1);
        }
    });
});
 

Para que esto funcione primeramente tu elemento ya debe contar con el atributo data por ejemplo

<a href="#" data-estado="1" >aqui</a>

Saludos

[sergi_multimedia]

Mil gracias Dradi7, ya me funciona :)

Saludos ;)