¿Algo así?
Código HTML:
<html>
<head>
<script src="jquery.js"></script>
</head>
<style>
a { display:block; }
#institucional_arrow { background:red; width:300px;}
#institucional { background:green; width:300px; display:none;}
</style>
<script>
$(function(){
$("#institucional_arrow").hover(
function(){
$("#institucional").stop(true,true).slideDown("fast");
},
function(){
$("#institucional").stop(true,true).slideUp("fast");
}
);
});
</script>
<body>
<div id="institucional_arrow">
<a href="#" class="menu_usuarios_a" id="inst_text">institucional</a>
<div id="inst_arrow">
<div id="institucional">
<div class="desplegado_content">
<a href="http://localhost/1JAMBA/enress/sitio/panel/usuarios/institucional/historia/index.php">historia</a>
<a href="http://localhost/1JAMBA/enress/sitio/panel/usuarios/institucional/funciones/index.php">funciones</a>
<a href="http://localhost/1JAMBA/enress/sitio/panel/usuarios/institucional/composicion/index.php">composición</a>
<a href="http://localhost/1JAMBA/enress/sitio/panel/usuarios/institucional/jurisdiccion/index.php">jurisdicción</a>
<a href="http://localhost/1JAMBA/enress/sitio/panel/usuarios/institucional/presupuesto/index.php">presupuesto</a>
<a href="http://localhost/1JAMBA/enress/sitio/panel/usuarios/institucional/estructura/index.php">estructura</a>
<a href="http://localhost/1JAMBA/enress/sitio/panel/usuarios/institucional/sedes/index.php">sedes</a>
<a href="http://localhost/1JAMBA/enress/sitio/panel/usuarios/institucional/consejo_consultivo/index.php">consejo consultivo</a>
</div>
</div>
</div>
</div>
</body>
</html>