[jQuery] Page reloads functions: Firefox issues.
I am having a little problem and am new to jquery. Is there something
of a page load function that is only called on an actual reload of the
page? I am using hidden divs on my page that are shown with the click
of a button. Shown below:
<code>
$(document).ready(function(){
$("#edtDiv").hide();
$("#divSecondary").hide();
$("#testDiv").hide();
$.ajax({
url: "image_browser.aspx",
cache: false,
success: function(html){
$("#testDiv").append(html);
}
});
$("#btnCancel").click(function() {
$("#edtDiv").hide("slow");
$("#divSecondary").hide("slow");
$("#btnEdit").show("slow");
divEditDiv.contentEditable = false;
})
$("#btnEdit").click(function() {
$("#edtDiv").show("slow");
$("#divSecondary").show("slow");
$("#btnEdit").hide("slow");
divEditDiv.contentEditable = true;
})
});
</code>
The problem I am having is that in firefox, acfter the .click function
is called, it will automatically go through the .hide at the top as
well, therefore rendewring the function pointless. I can't figure out
how to make the :
<code>
$("#edtDiv").hide();
$("#divSecondary").hide();
$("#testDiv").hide();
</code>
not load everytime I click the edit button. Any ideas? This code
works perfectly in ie (that's a first for me, usually its the other
way around).
Any nudge in the right direction would be greatly appreciated. Thanks!