firefox screen issue with click() method
<p>The question has to do with Firefox refreshing the browser window to 100% when a function is called.
If the browser view is at say, 75%, and I use .click method on a link - the page refreshes at 100% THEN the function executes. Safari executes the function without refreshing the window.</p>

<p>The code now looks like:</p>

<pre><code>function hideFlag(){

    $("#ftm").click(function () { 

    var stageWidth = $("#window_div").width();
    if (stageWidth &lt;= 1200){

        $( "#window_div" ).animate({
            width: 1250,
          opacity: ".8",
        }, 1000 );
        $( "#flagDiv" ).animate({
          opacity: "0",
          }, 1000 ); 
        }
    else{
        $( "#window_div" ).animate({
        width: 500,
        opacity: ".6",
        }, 1000 );
        $( "#flagDiv" ).animate({
        opacity: "1",
        }, 1000 );
        }   
    });
}
</code></pre>

<p>In Firefox, if my browser view is zoomed out to 75% and I replace the .click() method with .mouseenter, the divs animate without the screen redrawing or resizing on mouseenter. I don't understand the difference between the click() and mouseenter() implementations.</p>

<p>Solved it.</p>

<p>It was far simpler than I thought. Proper use of the "return false;" argument on the click method
solved my problem. Revised code is as follows:</p>

<pre><code>function hideFlag(){

            $("#ftm").click(function () { 
                var stageWidth = $("#window_div").width();
                if (stageWidth &lt;= 1200){
                    $( "#window_div" ).animate({
                        width: 1250, 
                        opacity: ".8", 
                        }, 1000 ); return false;
                    $( "#flagDiv" ).animate({
                        opacity: "0",
                        }, 1000 ); return false;
                    }
                else{
                    $( "#window_div" ).animate({
                        width: 500, 
                        opacity: ".6", 
                    }, 1000 );return false;
                    $( "#flagDiv" ).animate({
                        opacity: "1", 
                    }, 1000 );return false;
                }   
            });
}
</code></pre>

<p>Thanks all for the help.</p>
