Show after hover for period of time

hover.js

    var fadeTimeout;
console.log(fadeTimeout);
    $("#menu").hover(function () {
        fadeTimeout = setTimeout(showFade, 2000);
      },
      hideFade);

    function showFade() {
      var fade = $("<div class='secret-menu'><a href='secret-menu.pdf' style='color:black' >Shhhh! Secret Menu!</a></div>");
      fade.appendTo($("#menu"));
    }

    function hideFade() {
      clearTimeout(fadeTimeout);
      $(".secret-menu").fadeOut().remove();
    }