Jquery:悬停功能

Question

我需要在悬停不同类时更改 css。以下是代码

<li class="dropdown whitedrop" id="dropdown" style="width: 229px;">
    <div class="greenStripe"></div> <a data-target="#" style="cursor: Default;margin-left: 50px;width: 180px;" class="fnd-nav-link" data-toggle="dropdown"><span id="loggedon_lable">Logged on:</span>
        <span id="loggedon_user"></span><b class="caret"></b></a>
    <ul id="whitedropdown-menu" class="whitedropdown-menu fnd-tweak-dropdown" style="">
        <li class="borderli disabledMenu"> <a tabindex="-1" style="cursor: default">My Profile</a>
        </li>
        <li class="borderli disabledMenu"> <a tabindex="-1" style="cursor: default">Settings</a>
        </li>
    </ul>
</li>

悬停时，“whitedropdown-menu”我需要更改“greenStripe”的背景。

我试过了，

.whitedropdown-menu:hover .greenStripe {
    background:#029f1c;
}

它实际上没有用。但我需要它在 jquery 而不是 css 中。为此我试过了，

$(".whitedropdown-menu").hover(function () {
    $(".greenStripe").css('background', '#029f1c');
});

但是一旦我悬停，背景就会改变，当我不悬停时它不会恢复。

请帮忙，谢谢。

Answer 1

$(".whitedropdown-menu").hover(function(){
     // Function called when hover
     // Go from background1 to background2

}, function() {
   // Function called when hover end
   // Go from background2 to background1
});

.hover()