更改回css後.slideToggle（）

Question

我有這個問題：我想在懸停元素上設置背景顏色，並在其中滑動div。但是當項目滑出時，我想爲元素設置另一個背景顏色。檢查代碼：

<div class="menu segundoitem institucional"><span class="textoMenu">Institucional</span> 

<div id="submenu-01">Institucional</div> 

</div> 

而且

$(".institucional").hover(function(){ 
    $('#submenu-01').stop().slideToggle(); 
    $(this).css("background", "#380606"); 
}); 

正如你所看到的， 「.institucional」 背景設置爲＃380606 Jquery的，但是當鼠標離開和＃子-01 disapear」。 institucional」的背景＃380606保持...我想使它背景#FFFFFF

Answer 1

使用的mouseenter和鼠標離開兩個不同的功能，你可以設置任何你想要的

$(".institucional").on({ 
    mouseenter : function() { 
     $('#submenu-01').stop().slideDown(400); 
     $(this).css("background", "#380606"); 
    }, 
    mouseleave : function() { 
     var self = this; 
     $('#submenu-01').stop().slideUp(400, function() { 
      $(self).css("background", "#FFF"); 
     }); 
    } 
});