Toggle a Form Value w/ jQuery?

Hey there, I'm using the "toggle" method to show/hide a piece of a form. I am trying to update a hidden input field to set a flag whether or not that area should be validated. The element toggle works fine, but I can't get the form value to update the way I would like...

Here's what I have, the initial change (from 0 to 1) works, but it doesn't ever change back to 0 when clicked again...



$(document).ready(function() {
$("#change-pwd-button").click(function(event) {
event.preventDefault();
$("#password-table").toggle("slow");
if ($("#changePassFlag").val("0")) {
$("#changePassFlag").val("1");
} else {
$("#changePassFlag").val("0");
}
});
});



Any help would be appreciated.
Thanks,
TE

Documentation: http://docs.jquery.com/Effects/toggle

2nd parameter is a callback: toggle( speed, [callback] )

You can create an anonymous function and set your field in their.

Eric

Documentation: http://docs.jquery.com/Effects/toggle

2nd parameter is a callback: toggle( speed, [callback] )

You can create an anonymous function and set your field in their.

Eric

Interesting, thanks for the pointer. Unfortunately, it seems to work, but only in the same way it did before, the new code looks like:


$(document).ready(function() {
$("#change-pwd-button").click(function(event) {
event.preventDefault();
$("#password-table").toggle("slow", function() {
if ($("#changePassFlag").val("0")) {
$("#changePassFlag").val("1");
} else {
$("#changePassFlag").val("0");
}
});
});
});


I'm wondering if there's something wrong w/ my logic here:


if ($("#changePassFlag").val("0")) {
$("#changePassFlag").val("1");
} else {
$("#changePassFlag").val("0");
}


... but I can't see what it is...
Ideas?
TE

if ($("#changePassFlag").val("0")) { <-- Error is here
$("#changePassFlag").val("1"); <--
}


You are setting the value, not reading it

Eric

$("#password-table").toggle("slow", function() {
var isOpen = $(this).is(":visible") ? "1" : "0";
$("#changePassFlag").val( isOpen );
});

Eric

$("#password-table").toggle("slow", function() {
var isOpen = $(this).is(":visible") ? "1" : "0";
$("#changePassFlag").val( isOpen );
});

Eric

ahhhh, yes, okay, I see my error now. Thanks!

And that's an awesome rework, thanks so much, appreciate it! :)
Cheers,
TE