Menu deroulant ne s'enroule pas

Bonjour à tous,
je suis actuellement en train de créer mon premier site web (projet de 1ere année d'info) et je suis en train de créer un menu déroulant.
Différentes catégories, quand on clic dessus ca ouvre les sous catégories qui sont des liens.
Mon menu se déroule bien mais je n'arrive pas à faire en sorte qu'il s'enroule lorsque l'on clic dessus... Voici mon code :

$(function(){
$("#menuCentre > ul > li").bind("click","",gererMenu)
});
function gererMenu(event)
{
if ($(event.target).children("ul").css("height") == "0px")
{
$(event.target).children("ul").css({"height":"auto", "overflow":"auto"})
}
else if ($(event.target).children("ul").css("height") == "auto")
{
$(event.target).children("ul").css({"height":"0px", "overflow":"hidden"})
}
}

Et mon CSS :
#menuCentre ul ul
{
height: 0px;
overflow: hidden;
}

Trouvé, le probleme venait du ELSE IF et j'ai enlevé tout ce qui était overflow...