Tengo un ícono de menú blanco en formato PNG que quiero cambiar a un ícono de menú verde en formato PNG e intenté usar el efecto de desvanecimiento. Funciona al principio y cambia con el desplazamiento, pero cuando sigo desplazándome, sigue parpadeando el ícono verde, sin embargo, también se detiene cuando dejo de desplazarme. No estoy seguro de por qué sucede esto o cómo puedo solucionarlo, realmente no pude encontrar las preguntas relacionadas. Agradecería tu ayuda. Gracias de antemano aquí está mi código:

 $(window).scroll(function() { var scroll = $(window).scrollTop(); if (scroll >= 50) { $(".show_nav img").fadeOut(function() { $(this).attr("src","../img/icons/menu-green.png").fadeIn(); }); } else { $(".show_nav img").fadeOut(function() { $(this).attr("src","../img/icons/menu-white.png").fadeIn(); }); } });