Toggle based on Default Form Values

Toggle based on Default Form Values

Hello,

I am having a problem here..
I have a form that gets automatically filled based on the values returned by my php file.
Then the form elements have their values filled.

Now the problem is, I have set few additional show and hide <div> tags based on the values of some other fields.
So when the form loads, the <div> tag doesnt show up and stays hidden only as the event that activates it is based on the radio button's change event function.

So my question is, as the form loads, how can I have these <div> show/hide based on the default values of the text fields on which they depend upon....

  1. jQuery(document).ready( function()
  2.     {
  3.         jQuery(".hidden, .error").hide();
  4.        
  5.        
  6.         // This only gets activated when the radio button is changed but i want this to be checked on change as well as based on initial values... How do I do that ?
  7.         jQuery( jQuery("input[name='ssc_appear']") ).change( function()
  8.         {
  9.             if ( jQuery("input[name='ssc_appear']:checked" ).val() == "yes" )
  10.             {
  11.                 jQuery("#ssc_details").show();
  12.             }
  13.             else
  14.             {
  15.                 jQuery("#ssc_details").hide();
  16.             }
  17.         });
  18.     });