как использовать fadeTo и FadeIn правильно здесь

Question

Я пытаюсь исчезать 1 Div из двух соединенных дивы, но не в состоянии сделать so.Please помочь мне

$(document).ready(function(){ 
    $(window).scroll(function(){ 
     if($(window).scrollTop() > 0){ 
      $("#hide").fadeTo(slow, 0); 
     } 
     if($(window).scrollTop() == 0){ 
      $("#hide").fadeIn(slow, 0.7); 
     } 
    }); 
}); 

и мой HTML-код для дивы, которые являются являются

<div id="logoin" style= "width:1348px;height:65px;background-color:Black;opacity:0.7;z-index:200"></div> 
<div id="hide" style=" position:absolute;top:65px;width:1348px;height:15px;background-color:black;opacity:0.7"></div> 

Как получить эффект затухания?

Answer 1

Ваша slow скорость должна быть 'slow', но я думаю, что это лучше сделать эту простую анимацию с помощью CSS переходов, это очень легко:

CSS:

#hide{ 
    transition: 0.5s; 
} 

JS:

$(document).ready(function(){ 
    $(window).scroll(function(){ 
     if($(this).scrollTop() > 0){ 
      $("#hide").css('opacity', 0); 
     }else{ 
      $("#hide").css('opacity', 0.7); 
     } 
    }); 
}); 

DEMO:https://jsfiddle.net/lmgonzalves/gxgjdhb1/