|
d37toastmasters
|
August 25, 2013 at 3:33 am
I wrote JQuery code to conditionally show questions and question groups based on the selected values. The registration form can be viewed here: http://d37.staging.wpengine.com/event-registration/?regevent_action=register&event_id=11
Here is working code that hides 4 question groups:
// hide question groups until user selects Conference Option
jQuery(“#full-conference-package-1377044346”).hide();
jQuery(“#full-conference-package-saturday-banquet-meal”).hide();
jQuery(“#a-la-carte-conference-options-1377044732”).hide();
jQuery(“#a-la-carte-conference-options-saturday-banque”).hide();
When I add an additional attendee the question groups for the 2nd attendee have the same ID (e.g. #full-conference-package-1377044346). How can I distinguish question groups among different attendees so I’m hiding/showing question groups only for the specific attendee?
Thank you,
Jake
|
|
Dean
|
August 26, 2013 at 1:50 am
Each form group has a containing div with an id like additional_attendee_2 so perhaps something this http://api.jquery.com/attribute-ends-with-selector/#attributevalue ?
|
