$(document).ready(function(){

	$('.sabermas').addClass('oculto');
    
	$("ul.submenu").hide(); //Ocultamos todos los submen�s.
    
    //cuando nos ponemos sobre el item su submenu
	//se despliega
	$("#menu > li").hover(  
        function(event){
        	event.preventDefault();
            var everyULs = $('ul.menu').find("ul.submenu");// everyULs = todas las uls.item                   
            var thisUL = $(this).find("ul.submenu");// thisULs = ul en la que estamos trabajando
            
            if(thisUL.is(':hidden')){    // si la ul en la que trabajamos esta oculta...
                everyULs.slideUp();// ...cerramos todas para crear el efecto que queramos...
                thisUL.slideDown();//  ...y abrimos la que estamos trabajando. Así creamos el efecto deseado.
                $(this).find('.desplegable').html('▼');
            }
            return false;
        },
        function(event){
        	event.preventDefault();
			$("ul.submenu").slideUp();
			$(this).find('.desplegable').html('►');
		}
    );
	
	$('.sabermasbtn').click(function(){
		var sabermas = $('.sabermas');
		
		if(sabermas.hasClass('oculto'))
		{
			sabermas.removeClass('oculto');
		}
		else
		{
			sabermas.addClass('oculto');
		}
		
	});
});