Problema menu in jQuery

Salve,

Sto facendo, ultimamente, un menu in jQuery.

Prendendo spunto dai vari tutorial presenti nel web sono riuscito a realizzare questo.

Come potrete vedere nel link, cliccando su una voce del menu appare il corrispondente submenu, mostrandosi con un effetto slide, il problema è che lo stesso effetto si ripete anche quando mi sposto con il mouse all'interno del submenu, cosa che non vorrei.

Come potrei modificare il codice dello script per evitare che l'effetto si ripete, ma che il submenu rimanga aperto, al passaggio del mouse su di esso?

Prova a seguire questi steps :

Codice:

---

bind mouseover
evento -> mouseover:
unbind mouseover
bind mouseout
evento->mouseout
unbind mouseout
bind mouseover

---

Conoscevo il metodo bind, ma non conoscevo il metodo ubind.

Cmq, non so se ho sbagliato, ho provata a metterlo all'interno della funzione subOpen(), ma quando apro il menu il sub menu mi rimane aperto, ma non mi si esegue più il bind che ho dichiarato nell'evento ready del documento, non so, dovrei metterla in qualche altro posto?