How to disable a fade in/out div when a link is clicked
<p>So, I have a newletter signupo box, that fades in and out at a specific position of the page. The signup box also has a button to turn it off. When this is clicked i would like it to not show anymore until the page is reloaded. My assumption would be to assign a disablefade variable and then stop the scroll function to be executed. however, for some reason this doesnt work. When clicked on no thanks and scrolled again, the div will show again...</p>

<p>Thanks for your help!</p>

<pre><code>
jQuery(document).ready(function($) {

    $("#nl-pop").hide(); //hide nl block initially
    var disableFade = "false";

    var topOfOthDiv1 = $("#newsletter-cta").offset().top - 1500;
    var topOfOthDiv3 = $("#newsletter-cta").offset().top;

    jQuery('#no-thanks').click(function(event) {
        event.preventDefault();
        jQuery('#nl-pop').fadeOut('slow');
        var disableFade = "true";
    });

    console.log(disableFade);

    if(disableFade === "false")
        {
         $(window).scroll(function() {
            if($(window).scrollTop()  topOfOthDiv1) { //scrolled past the other div?
                    $("#nl-pop").fadeOut(200); //reached the desired point -- show div
                }
            }

        });        
    }

});
</code></pre>