Comment masquer une div qui rencontre une autre div

Bonjour a tous
je souhaiterais que la div header fixed puisse etre masquée lorsqu' elle arrive au niveau de la div essai, mon code ci dessous ne masque pas la div test

en pur javascript svp

<script>
          function showDiv()
          {
            if ($(window).scrollTop() < $(".test").offset().top)
            {
              $('.header').fadeIn('slow');
            }
            else
            {
              $('.header').fadeOut('slow');
            }
          }
          $(window).scroll(showDiv);
          showDiv();
        </script>