парить на одной кнопке в навигационной панели

Question

Это Javascript используется на навигационной панели на следующую page

При наведении «блог» в навигационной панели, есть выпадающий приход, с белым фоном. Кнопка «Тест» не должна быть выпадающим списком, но мне нужна такая же функция, как кнопка блога. Поэтому, когда вы наведете кнопку «тест», на ней должен появиться тот же белый фон. В настоящий момент текст становится только синим.

Есть ли у кого-нибудь идеи, как я могу это сделать?

//Show dropdown on hover only for desktop devices 
     //----------------------------------------------- 
     var delay=0, setTimeoutConst; 
     if ((Modernizr.mq('only all and (min-width: 768px)') && !Modernizr.touch) || $("html.ie8").length>0) { 
      $('.main-navigation:not(.onclick) .navbar-nav>li.dropdown, .main-navigation:not(.onclick) li.dropdown>ul>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'); 
      }); 
     }; 

Answer 1

Это может быть сделано с CSS, используя следующее объявление:

ul.nav.navbar-nav li:hover{ 
 
    background: white; 
 
    }

: парить является псевдо-класс, который обнаруживает мыши над элементом. Вы можете узнать больше о псевдо-классе наведения и других подобных здесь: Mozilla Developer Network CSS Docs