jQuery(document).ready(function() {
	
	jQuery('#menu-productos li').click(function() {
		
		if (!jQuery(this).hasClass('desplegado')) {
		
			if (jQuery('#menu-productos li.desplegado').length == 0) {
				jQuery(this).addClass('desplegado').animate({
		    			width: "674px"
		  			}, 500, function() {
		    		// Animation complete.
		  		});
			
			} else {
				jQuery(this).addClass('desplegado-nuevo');
				
				jQuery('#menu-productos li.desplegado').animate({
		    			width: "0px"
		  			}, 500, function() {
		  				jQuery('#menu-productos li.desplegado').removeClass('desplegado');
		  				jQuery('#menu-productos li.desplegado-nuevo').removeClass('desplegado-nuevo').addClass('desplegado').animate({
		  						width: "674px"
		  					}, 500, function() {
		  				});
		    		// Animation complete.
		  		});
		  	}
		  
		  }
 
	});
});