[jQuery] Validating divs depending on show / hide [validate]

[jQuery] Validating divs depending on show / hide [validate]


I'm currently using show/hide in a form, allowing users to add more
fields to the form. The problem I'm having is when the divs are
hidden they are still validated. How can I prevent the hidden (.hide)
fields from being validated? You can see the page I'm working on
here. http://www.evisions.com/summit/pre-conference/presenter-registration2.asp
There are 3 divs I'm hiding until checkboxes are selected:
#co-presenter
#co-presenter
#co-presenter3
I don't want these to validate unless they are shown. I'm very new to
jquery so, any help would be greatly appreciated.