The code below is working fine for me, however I would like to add a delay / timeout to it..

Everytime I move my mouse off the element it jumps away really fast..

2. <script type="text/javascript">
3. // Executes the function when DOM will be loaded fully
4. $(document).ready(function () {
5. // hover property will help us set the events for mouse enter and mouse leave
6. $('.menu li').hover(
7. // When mouse enters the element
8. function () {
9. //Fade in the navigation submenu
10. $('ul', this).fadeIn(); // fadeIn will show the sub cat menu
11. }, 
12. // When mouse leaves the element
13. function () {
14. //Fade out the navigation submenu
15. $('ul', this).fadeOut(); // fadeOut will hide the sub cat menu
16. }
17. );
18. });
19. </script>