title: jQuery setTimeout for hover links?
body: <p>I am having a tabbed script which has switch tabs on hover.
  Since links are close together, i want to have a delay before hover function is fired, so content is not switched so fast while user "touches" the rest of the links.</p>
  
  <p>maybe with setTmeout?  Here is my script, how do i do that?</p>
  
  <pre><code>$(".HotelPanel_content").hide(); //Hide all content
  $("ul.HotelPanelNav li:first").addClass("active").show(); //Activate first tab
  $(".HotelPanel_content:first").show(); //Show first tab content
  
  
  $("ul.HotelPanelNav li").hover(function() {
      $("ul.HotelPanelNav li").removeClass("active"); //Remove any "active" class
      $(this).addClass("active"); //Add "active" class to selected tab
      $(".HotelPanel_content").hide(); //Hide all tab content
      var activeTab = $(this).find("a").attr("id"); //Find the rel attribute value to identify the active tab + content
      $(activeTab).slideDown("slow"); //Fade in the active content
      return false;
  });
  
  }); 
  </code></pre>