jQuery: fadeIn() не работает для меня, синтаксическая ошибка?

Question

Я использую mouseover & mouseleave, чтобы затухать в/из моих кнопок входа/регистрации. Но я не могу заставить их снова исчезнуть? Я пробовал несколько вещей, и все, что я нашел в google, подтверждает, что мой синтаксис в порядке? Я не уверен.

$(document).ready(function() { 

    $('.sign-up').on('mouseover', function(){ 
    $(this).fadeTo(200, .2) 
    }) 


    $('.sign-up').on('mouseleave', function(){ 
     $(this).fadeIn(200) 
    }) 

    $('.log-in').on('mouseover', function(){ 
    $(this).fadeTo(200, .2) 
    }) 


    $('.log-in').on('mouseleave', function(){ 
     $(this).fadeIn(200) 
    }) 

}); 

Answer 1

fadeTo метод манипулирует opacity свойство элемента. Вместо этого вы должны использовать fadeOut или использовать fadeTo вместо fadeIn. fadeIn и fadeOut Управление имуществом display.

$(this).fadeTo(200, 1); 

Вы также можете Минимизировать код:

$(document).ready(function() { 
    $('.sign-up, .log-in').on('mouseenter mouseleave', function(e) { 
     $(this).fadeTo(200, e.type === "mouseenter" ? .2 : 1); 
    }); 
});