retain show/hide states upon form validation

Question

In my form I show/hide certain divs based on the radio button selection by the user. For example:

$('input[name=\'pick_up_point\']').change(function() {
if($($(this)).val() == 'pick_up_airport')
{
    $('#pick_up_airport_div').slideDown();
    $('#start_point_div').hide();
}
});

Now when the form is submitted, and if there is an error the form is redisplayed. The validation is working fine, except of course the divs are back in their original states. How can I retain the show/hide states?

Answer 1

Onload of the page you could fire the change event for all radio buttons:

$('input[name=\'pick_up_point\']').trigger('change');

This would need to be called after you've defined the change handler.