Que estoy haciendo mal? Combinar .click() y .hover()


#1

https://www.codecademy.com/es/courses/web-beginner-en-1NG7i/0/4

Este es mi codigo.

$(document).ready(function(){
    $('div').click(function(){
        $(this).fadeOut('fast');
    });
    $('div').hover(function(){
        $(this).addClass('red');
    
});
});

ERROR//

¡Uy! Probá otra vez. ¡Parece que Krypton aún es verde!


#2

$(this).addClass('rojo');

#3

Hola Sergio.

Te en cuenta que antes de dar click sobre Krypton este debe torrnarse rojo. Así que el código sería de esta manera:

$(document).ready(function() {
  $('div').hover(function() {
    $('div').addClass('rojo');
    $('div').click(function() {
      $('div').fadeOut('fast');
    });
  });
});

#4

Hola mykeura Yo estuve dando vueltas con este problema durante dos días y leyendo exactamente las instrucciones del codeacademy, indica que hay que colocar debajo de la instrucción click la nueva instrucción de .hover, estuve rompiendo la cabeza hasta que leí tu codigo q alfin me funciono.
El mismo ejercicio, pero en ingles me funciona asi:
$(document).ready(function() {
$('div').click(function() {
$(this).fadeOut('fast')
});
$('div').hover(function() {
$(this).addClass('red');
});
});
No se por que en espanol la respuesta es diferente e inclusive tu respuesta es lo contrario a las indicaciones porque pusiste el hover antes de click.

Igual muchas gracias,