Me gustaría que el div del encabezado fijo se oculte cuando alcance el nivel del div de prueba, mi código a continuación no oculta el div de prueba

en javascript puro por favor

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