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

[masterpuppet]

Que tal malucha,

Deberia comportarse de esa forma, abrir el que haces click y cerrar el resto, pero para que esto funcione debe haber una estructura html determinada, por lo que veo, para que funcione correctamente deberias tener algo asi:

Código HTML:

<div id="menulateral"> 
    <span class="despliega">Trigger</span>
    <ul class="acordeon">
        <li>...</li>
        <li>...</li>
        <li>...</li>
    </ul>
    <span class="despliega">Trigger</span>
     <ul class="acordeon">
        <li>...</li>
        <li>...</li>
        <li>...</li>
    </ul>
    <span class="despliega">Trigger</span>
     <ul class="acordeon">
        <li>...</li>
        <li>...</li>
        <li>...</li>
    </ul>
</div>
 

ajusta el html o bien postealo para ver que puede estar fallando y para que aparezca el primero abierto, o bien lo haces por css o puedes disparar el click, algo asi:

Código Javascript:

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

Saludos.