javascript - 在.slideToggle()之后更改回CSS

我有这个问题：我想在悬停元素上设置背景颜色，并在其中滑动一个div。但是，当项目滑出时，我想为元素设置其他背景色。检查代码：

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

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

</div>

和jQuery

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

如您所见，“。institucional”背景设置为＃380606，但是当鼠标离开和＃submenu-01消失时，“。institucional”与背景保持一致＃380606 ...我要使其背景为#FFFFFF

最佳答案

为mouseenter和mouseleave使用两个单独的函数，您可以得到想要的任何东西

$(".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");
        });
    }
});

关于javascript - 在.slideToggle()之后更改回CSS，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20524053/