JQuery изменение границы цвета div, когда мышь над другим div

Question

Эй, ребята, я не знаю, почему это не работает ... похоже, должно быть, спасибо за помощь.

$(document).ready(function() { 
 
    $('.newProductLearnMore').hover(function() { 
 
    $('.newProductDesc').css('borderTop', '5px solid #006699'); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="newProductWrapper" style="margin-top: -100px;"> 
 
    <div class="newProductImage"> 
 
    <img src="" alt="" height="300" width="550"> 
 
    </div> 
 
    <div class="newProductDesc"> <span class="name">test</span> 
 
    <br /> <span class="desc">test</span> 
 

 
    </div> 
 
    <a href=#> 
 
    <div class="newProductLearnMore"><span>LEARN MORE!</span> 
 
    </div> 
 
    </a> 
 

 
</div>

Answer 1

Используйте MouseEnter и MouseLeave обработчик события

$(document).ready(function() { 
    $('.newProductLearnMore').mouseenter(function() { 
     $('.newProductDesc').css('borderTop', '5px solid #006699'); 
    }); 

    $('.newProductLearnMore').mouseleave(function() { 
     //return to initial border color 
    }); 
});