$(document).ready(function () {   
        
        // default CSS is set to display all items (a must for accessibility) so now we hide all detail items
   		$('#accordion ul').addClass('hide');
   		
   		// mantiene abierto el bloque nuemero (indicado) actualmente 4, que no existe, pare dejar todos cerrados.
   		//$('#accordion ul:eq(4)').show()
   		//$('#accordion .acc-header:eq(4)').addClass('acc-active');

		// when click panel header
		$('#accordion .acc-header').click(function () {   
		
			// slide up all detail items
			$('#accordion ul').slideUp('slow');

			// remove class of active of all panel headers
			$('#accordion .acc-header').removeClass('acc-active');
			
			// add class="cc-active" to clicked panel & slide down the corresponding detail items
			$(this).addClass('acc-active').next('ul').slideDown(250);	
    
	    return false;
	    
    });   
     
});