[jQuery] Where am I going wrong?
I have this code:
var closed = false;
$(document).ready(function(){
$('#FirstName').click(function(){
if (closed == false) {
$('#popUpMessage').fadeIn('fast');
}
});
$('#FirstName').blur(function(){
$('#popUpMessage').fadeOut('slow');
})
$('#popUpMessageClose').click(function(){
closed = true;
$('#popUpMessage').fadeOut('slow');
})
});
As is, nothing works.. I have this on a field input like so...
<input type="text" name="FirstName" id="FirstName" size="20"
maxlength="128" />
when clicked it shows the hidden div "popUpMessage".. And on blur it
hides it.. Inside that "popUpMessage" div I placed a small div for a
close button named "popUpMessageClose".. What Im trying to do is hide
that popUpMessage div permanently if the close div is clicked.. Any
ideas where Im going wrong??