Lesson 6, Hover, failed an inspection


#1

Please help me, the system does not check my work (task Hover) (Oops, try again. It does't look like your background color changed, is your hover adding the class active?). JS code here:

$(document).ready(function(){

  $("div").hover(
    function(){
        $(this).addClass("active");
    },
    function(){
        $(this).removeClass("active");
    }
  );

});

Thanks!


#2

@jacobhermannobereit,

Try, by changing the stylesheet.css file...
use

div {
    border-radius: 5px;
    background-color: #ABCDEF;
    transition: background-color 0.5s ease;
    display:inline;
    font-size:25px;
    padding:20px;
    border:1px solid #ccc;
    margin-top:10px;
    opacity: 1;
}

.active {
    background-color:#556677;
    opacity: 0.25;
}

Then follow the request by hovering over the top left div.....
hover into the div
then wait untill the request states to move-out of the div....


#3

It works now. Thank you!


#5