Give any element a class of '.sub_navigation' and bam you have a hover show/hide with timeouts for better usability. Requires jQuery.

NoHassleDropDown.js

// Handle any drop down navigation systems.
$(document).ready(function(){
   $('.sub_navigation').each(function() {
       var menu = $(this);
       menu.hide();
       var parent = $(menu.parent().get(0));
       var timeout = false; 
       parent.hover(function(){
          if(!timeout && !menu.is(':visible')) {
             timeout = setTimeout(function(){
                menu.show();
                parent.addClass('active');
                timeout = false;
             }, 350);
          } else {
             if(timeout) {
                clearTimeout(timeout);
             }
             timeout = false;
          }
       },
       function(){
          if(!timeout && menu.is(':visible')) {
              timeout = setTimeout(function(){
                 menu.hide();
                 parent.removeClass('active');
                 timeout = false;
              }, 350);
           } else {
              if(timeout) {
                 clearTimeout(timeout);
              }
              timeout = false;
           }
       });
   });
});