title: hover on single button in navbar
body: <p>This javascript is used on the navbar on the following <a href="http://vouzalis.com/test/test/" rel="nofollow noreferrer">page</a></p>
  
  <p>When you hover the "blog" in the navbar, there is a dropdown coming, with a white background. The button "Test" should not be a dropdown, but I would like the same function as the blog button. So when you hover the button "test", there should come the same white background. At the moment the text is only becoming blue. </p>
  
  <p>Does anybody have an idea how I can do that?</p>
  
  <pre><code>//Show dropdown on hover only for desktop devices
          //-----------------------------------------------
          var delay=0, setTimeoutConst;
          if ((Modernizr.mq('only all and (min-width: 768px)') &amp;&amp; !Modernizr.touch) || $("html.ie8").length&gt;0) {
              $('.main-navigation:not(.onclick) .navbar-nav&gt;li.dropdown, .main-navigation:not(.onclick) li.dropdown&gt;ul&gt;li.dropdown').hover(
              function(){
                  var $this = $(this);
                  setTimeoutConst = setTimeout(function(){
                      $this.addClass('open').slideDown();
                      $this.find('.dropdown-toggle').addClass('disabled');
                  }, delay);
  
              },  function(){
                  clearTimeout(setTimeoutConst );
                  $(this).removeClass('open');
                  $(this).find('.dropdown-toggle').removeClass('disabled');
              });
          };
  </code></pre>