Could really use some assistance here and apologize if it's a hassle:
Link to contact form
To view the contact form, simply click the "Contact" button in the top left corner. The jqTransform jQuery plugin is being used to style it. Initially, it's hidden with display:none; applied to the div with ID "panel", and then slides in using the following code:
$("#flip").click(function(e){
e.preventDefault();
$("#panel").slideToggle("3000");
});
The issue I'm facing is that the contact form doesn't show the current value of the select box inside its field. If I remove the display:none; rule for the panel div from the CSS, and hide the form after the page loads with:
$("#panel").hide();
The form displays correctly. Is there a way to avoid the flash of an open panel when hiding it with jQuery after the page loads? Any advice would be greatly appreciated. Thank you!