menu tipo acordeon desplegable

[kinyiro_360]

ola a todos

necesito ayuda con un menu tipo acordeon ya casi lo tengo terminado solo tengo un detalle al abrir un submenu quiero q aga lo siguiente:

si no hay ningun submenu abierto q lo abra y lo demas se desplaze hacia abajo(esto ya lo tengo)
si ya hay un submenu abierto quiero q lo cierre y me habra el q acabo de seleccionar
(es aqui donde estoy batallando pues para cerrar el q esta abierto tengo q darle click nuevamente si no pues se quedan los abiertos)

si alguen me pudiera ayudar se lo agradeceria mucho

este es el codigo q tengo

function despliega(id)
{
var menu = document.getElementById(id);
if(menu.style.display == "none")
{
menu.style.display = "list-item";
menu.style.position = "relative";
}
else
{
menu.style.display = "none";
}
}