jQuery Forum

Something like this:

1. $(function() { // Shorthand for $(document).ready(function() {
2.       $('#country').change(function() { // When the value changes
   
3.             var value = $(this).val();
4.             if (value == 'United States' || value == 'Canada') { // Show/hide states
   
5.                   $('#div-state').show();
6.             }
7.             else {
8.                   $('#div-state').hide();
9.                   $('#state').val('');
10.             }
11.       }).change(); // And invoke first time
    
12. });

Short and sweet! Thanks for the advice.

Now that I'm running the code, I'm finding that I need to change the style placed on the state/province drop-down to just "display:none;" (and remove any mention of visibility:hidden). That seems to fix things nicely.