Ocultar un bloque cuando se despliega otro con un acordeón de JQuery

[masterpuppet]

A ver,

Primero deberias por css cerrar todos los acordeon's, agrega a tu cascada

Código CSS:

.acordeon{display:none}
 

y luego el javascript podria ser asi:

Código Javascript:

$(document).ready(function(){                
    var togglers = $('#menulateral ul.acordeon');
    var triggers = $('#menulateral span.despliega');
    triggers.click(function() {
        togglers.slideUp('slow');
        $(this).next('ul.acordeon').slideToggle(300);
    });                
    triggers.first().click();                
});
 

prueba y nos comentas.