seq-conditionals

by Rich Costello

HTML

<fieldset class="form-columns-1">
      <div class="hs_type__c field hs-form-field">
        <label placeholder="Enter your I am a" for=
        "type__c-bf343208-85c3-43e1-a8ab-dc19bd1a0a02">I am a</label>

        <div class="hs-field-desc" style="display: none;"></div>

        <div class="input">
          <select class="hs-input" id="type__c-bf343208-85c3-43e1-a8ab-dc19bd1a0a02"
          name="type__c">
            <option value="Patient">
              Patient
            </option>

            <option value="Healthcare Professional">
              Healthcare Professional
            </option>

            <option value="Insurance Provider/Payor">
              Insurance Provider/Payor
            </option>

            <option value="Investor">
              Investor
            </option>

            <option value="Job Seeker">
              Job Seeker
            </option>

            <option value="Other">
              Other
            </option>
          </select>
        </div>
      </div>
    </fieldset>

    <fieldset class="form-columns-2">
      <div class="hs_firstname field hs-form-field">
        <label placeholder="Enter your First Name" for=
        "firstname-bf343208-85c3-43e1-a8ab-dc19bd1a0a02">First Name <span class=
        "hs-form-required">*</span></label>

        <div class="hs-field-desc" style="display: none;"></div>

        <div class="input">
          <input class="hs-input" type="text" required="required" id=
          "firstname-bf343208-85c3-43e1-a8ab-dc19bd1a0a02" name="firstname" value=""
          placeholder="">
        </div>
      </div>

      <div class="hs_lastname field hs-form-field">
        <label placeholder="Enter your Last Name" for=
        "lastname-bf343208-85c3-43e1-a8ab-dc19bd1a0a02">Last Name <span class=
        "hs-form-required">*</span></label>

        <div class="hs-field-desc" style="display: none;"></div>

        <div class="input">
          <input class="hs-input" type="text"...

JavaScript

$('div.hs_state').hide();
         $('div.hs_company').hide();
         $('div.hs_zip').hide();
         $('div.hs_npid__c').hide();
         $('label[for="area_of_interest__c-bf343208-85c3-43e1-a8ab-dc19bd1a0a02"]').hide();
         $('label.hs-form-checkbox-display').hide();
         $('div.hs_do_you_have_a_billing_related_question_').hide();
         
       
         $(window).load(function () {
         $('select[name="country"]').change(function () {
            if ($('select[name="country"]').val() == 'United States') {
                $('select[name="state"]').val('');
                $('div.hs_state').show();
            } else if ($('select[name="country"]').val() == 'Canada') {
                $('select[name="state"]').val('');
                $('div.hs_state').show();
            } else {
                $('div.hs_state').hide();
                $('select[name="state"]').val('N/A');
            }
        });

  $('select[name="type__c"]').change(function () {
   $('label.hs-form-checkbox-display').hide();
if ($('select[name="type__c"]').val() == 'Patient') {
                 $('div.hs_company').hide();
                 $('div.hs_zip').hide();
                 $('label[for="area_of_interest__c-bf343208-85c3-43e1-a8ab-dc19bd1a0a02"]').show();
                 $('div.hs_npid__c').hide();
                 $('div.hs_country').show();
                 $('div.hs_do_you_have_a_billing_related_question_').show();
                 $('input[name="area_of_interest__c"],label[for="area_of_interest__c5-bf343208-85c3-43e1-a8ab-dc19bd1a0a02"]').show(); 
                  $('input[name="area_of_interest__c"],label[for="area_of_interest__c7-bf343208-85c3-43e1-a8ab-dc19bd1a0a02"]').show(); 
                  $('input[name="area_of_interest__c"],label[for="area_of_interest__c8-bf343208-85c3-43e1-a8ab-dc19bd1a0a02"]').show(); 
                  $('input[name="area_of_interest__c"],label[for="area_of_interest__c10-bf343208-85c3-43e1-a8ab-dc19bd1a0a02"]').show(); 
         ...