Problema menu desplegable con javascript

[debittoo]

Ayer estuve haciendo un menu desplegable, supuestamente facil de hacer, y ha llegado un momento que me he perdido xD. Lo unico que necesito es el codigo para que el menu se esconda, he intentado probar con solo las funciones onmouseover y onmouseout....pero no se...algo hare mal. He mirado otros tutoriales pero no he encontrado la solucion asi que os pongo el codigo que tengo y espero que alguien me pueda ayudar

Lo unico que necesito es el codigo para que el menu se esconda, porque con este codigo cuando hago click sobre el menu se abre pero si no vuelvo a hacer click no funciona...

CSS

.global .headSubmenu {
float: right;
font-family: fantasy;
font-size: 13px;
font-weight: lighter;
letter-spacing: 1px;
margin-right: -17px;
padding-top: 10px;
}

.global .headSubmenu li {
float:left;
margin-right:10px;
}

.global .headSubmenu li a:link{ color:#FFF; text-decoration: none;}
.global .headSubmenu li a:visited {color:#FFF; text-decoration: none;}
.global .headSubmenu li a:hover{color:#FFF; text-decoration:underline;}
.global .headSubmenu li a:active{color:#FFF; text-decoration: none;}

.settingSubmenu
{
display: none;
position: absolute;
width: 120px;
background-color: #00839d;
color: #FFF;
overflow:hidden;
}

.settingSubmenu li
{
padding: 6px;
}

.settingSubmenu li a:link{ color:#FFF; text-decoration: none;}
.settingSubmenu li a:visited {color:#FFF; text-decoration: none;}
.settingSubmenu li a:hover{color:#FFF; text-decoration:underline;}
.settingSubmenu li a:active{color:#FFF; text-decoration: none;}

Javascript

// Settings Sub menu
function toggleSettings() {
$(".settingSubmenu").css(
{
position: "absolute",
top: $(".global").outerHeight(),
left: $("#settingBtn").offset().left,
'z-index': '50000'
}
);
$(".settingSubmenu").animate({ height: "toggle" }, 100);
}

HTML

<ul class="headSubmenu">
<li><a href="<?php echo _WWW_ROOT; ?>"><?php _ge('Home'); ?></a></li>
<li><a id="settingBtn" href="javascript:toggleSettings();"><?php _ge('Account'); ?></a></li>
</ul>
</div>
</header>
<ul class="settingSubmenu">
<li><a href="<?php echo _WWW_ROOT; ?>user_edit.php"><?php _ge('Edit profile'); ?></a></li>
<li><a href="<?php echo _WWW_ROOT; ?>user_edit_password.php"><?php _ge('Change password'); ?></a></li>
<li><a href="<?php echo _WWW_ROOT; ?>logout.php"><?php _ge('LogOut'); ?></a></li>
<li><a href="<?php echo _WWW_ROOT; ?>help.php"><?php _ge('Help'); ?></a></li>
</ul>