Question

我有这个问题：我想在悬停元素上设置背景颜色，并在其中滑动一个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

Answer 1

使用两个单独的函数进行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");
        });
    }
});

在.slideToggle（）后改回css

1 个答案: