problem with hover.

problem with hover.

Ive worked a lot of hours on this script. But it doesnt want to run.
Here my script.

  1.  $(document).ready(function($){
  2.         $("#networklist-dropdown, #networkbutton").hover(hoverOver,hoverOut).bind('click', click);;
  3.        
  4.         function hoverOver() {
  5.             if (this.$timer) {
  6.                 clearTimeout(this.$timer);
  7.             }
  8.                 if (!$("#networklist-dropdown").is(':visible')) {
  9.                     $("#networklist-dropdown").fadeIn('fast').hover(hoverOver,hoverOut);
  10.                 }
  11.            
  12.         }
  13.         function hoverOut() {
  14.             if(this.$timer) {
  15.                 clearTimeout(this.$timer);
  16.             }
  17.             if($(this).is(':visible')) {
  18.                 this.$timer = setTimeout(function() {
  19.                     $("#networklist-dropdown").fadeOut('fast');
  20.                 }, 800);
  21.             }
  22.         }
  23.        
  24.         function click(e) {
  25.             if(this.$timer) {
  26.                 clearTimeout(this.$timer);
  27.             }
  28.                   this.$timer = setTimeout(function() {
  29.                     $("#networklist-dropdown").fadeOut('fast');
  30.                 }, 800);
  31.        
  32.         }
  33.     });

Here my html.

  1. <div class="content"><a id="networkbutton" href="#"><img src="/sites/blutbann.de/modules/ggp_networklist/images/networkbutton.png"></a>
  2. <div id="networklist-dropdown" class="withDropDown" style="display: none; position: absolute; z-index: 999999;">
  3. <div style="float: left;">
  4. <span>Unsere Seiten:</span>
  5. <ul>
  6. <li><a href="http://www.example-box.de" target="_blank">example-Box</a></li>
  7. <li><a href="http://www.agame.de" target="_blank">A</a></li>
  8. <li><a href="http://www.b-game.de" target="_blank">B</a></li>
  9. <li><a href="http://www.d-game.de" target="_blank">C</ a></li>
  10. </ul>
  11. </div>
  12. <div style="float: left;">
  13. <span>Partner:</span>
  14. <ul>
  15. <li><a href="http://www.ddd.de" target="_blank">ddd</a></li>
  16. </ul>
  17. </div>
  18. <div style="float: left;">
  19. <span>Foren:</span>
  20. <ul>
  21. <li><a href="http://www.xyzexampleport.com/forumdisplay.php?f=542" target="_blank">Aliens vs. Predator</a></li>
  22. </ul>
  23. </div>
  24. </div>
  25. </div>

The div #networklist-dropdown should be opend when user hovered #networkbutton, but #networklist-dropdown
shouldn't disappear when user moves on it.