DokuWiki hover für Menü Einträge

hover-menu.css

div#p-x-navigation div.dtree a.nodeFdUrl:hover, div#p-x-navigation div.dtree a.nodeFdUrl:focus, div#p-x-navigation div.dtree a.nodeFdUrl.hover,
div#p-x-navigation div.dtree a.nodeUrl:hover, div#p-x-navigation div.dtree a.nodeUrl:focus, div#p-x-navigation div.dtree a.nodeUrl.hover,
div#p-x-navigation div.dtree a.nodeSel:hover, div#p-x-navigation div.dtree a.nodeSel:focus, div#p-x-navigation div.dtree a.nodeSel.hover,
div#p-x-navigation div.dtree a.node:hover, div#p-x-navigation div.dtree a.node:focus, div#p-x-navigation div.dtree a.node.hover,
div#p-x-navigation div.dtree a.navSel:hover, div#p-x-navigation div.dtree a.navSel:focus, div#p-x-navigation div.dtree a.navSel.hover{
  position:absolute;
  z-index: 2;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.99);
  padding: 5px;
  border: 1px solid black !important;
  margin-top: -6px;
  font-weight: bold;
}
div#p-x-navigation div.dtree a.navSel, div#p-x-navigation div.dtree a.nodeSel {
  font-weight: bold
}

hover-menu.js

jQuery(function() {
  (function($, undefined) {

    function bindElements() {
      /* Fix for (fucking) Webkit which dose not allow to change position to absolute on hover in CSS */
      function IndexMenuHoverIn() {
        $(this).addClass('hover');
      }
      function IndexMenuHoverOut() {
        $(this).removeClass('hover');
      }

      var elements = $('#p-x-navigation a.nodeFdUrl, #p-x-navigation a.nodeUrl, #p-x-navigation a.nodeSel, #p-x-navigation a.node, #p-x-navigation a.navSel');
      elements.unbind('mouseenter', IndexMenuHoverIn).bind('mouseenter', IndexMenuHoverIn);
      elements.unbind('mouseleave', IndexMenuHoverOut).bind('mouseleave', IndexMenuHoverOut);
    }
    for(var obj in window) {
      if(window[obj] instanceof dTree) {
        var dtreeObj = window[obj];
        var oldFuction = dtreeObj.o;
        dtreeObj.o = function() {
          var args = Array.prototype.slice.call(arguments);
          oldFuction.apply(this, args);
          bindElements();
        }
      }
    }
    setTimeout(bindElements, 100);
  })(jQuery);
});