me referia a liado para mi, estoy a costumbrado a leer el code tal cual sin comentarios  , solo el code habla por si solo para mi pero no se js asi que me lia 

Haha, fallo mio... le deje con el find(ul) y dentro del span no hay ningún ul   .

Prueba asi:

$(document).ready(function(){
	/*expandir todos los bloques con la clase clsActivo y agregar la clase clsArriba a los
	titulos de cada uno de esos bloques*/
	$('.clsActivo').stop(true,true).slideToggle().parent().find('.clsSeccion').addClass('clsArriba');
	/*buscamos el ultimo li, del ultimo ul y le agregamos la clase clsUltimo para redondear el
	borde inferior*/
	$('.clsContenedor').last('ul').find('li:last-child').addClass('clsUltimo');
	/*agregamos la clase clsAbajo a todos los elementos del acordeon, que inicialmente
	se muestren cerrados (sin la clase clsActivo)*/
	$(".clsContenedor .clsSeccion ").not('[class$="clsArriba"]').addClass('clsAbajo');
 
	/*evento que se dispara al hacer clic en cualquiera de los contenedores del acordeon*/
	$('.clsContenedor span').click(function(){		
		/*mostramos u ocultamos la lista (ul) utilizando slideToggle*/
		$(this).next().stop(true,false).slideToggle('fast',function(){			
			//verificar la clase que tiene el titulo del contenedor
			if($(this).parent().find('.clsSeccion').hasClass('clsAbajo')){
				//eliminamos la clase clsAbajo y agregamos la clase clsArriba (para los iconos)
				$(this).parent().find('.clsSeccion').removeClass('clsAbajo').addClass('clsArriba');
			}else{
				//eliminamos la clase clsArriba y agregamos la clase clsAbajo (para los iconos)
				$(this).parent().find('.clsSeccion').removeClass('clsArriba').addClass('clsAbajo');
			}
		});
	});
 
});
 

La linea esa del css también modifica la si no lo has hecho.
PD:

Te lo dejo online por si quieres verlo xD

Saludos