seq switch test

by Rich Costello

HTML

<script src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/ui-lightness/jquery-ui.css">
    <form>
        <fieldset class="form-columns-1">
            <div class="hs_type__c field hs-form-field">
                <label for="type__c-bf343208-85c3-43e1-a8ab-dc19bd1a0a02">I am
                a <span class="hs-form-required">*</span></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" required="required">
                        <option value="__PLACEHOLDER__">
                            - Please Select -
                        </option>

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

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

                        <option value="Patient">
                            Patient
                        </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 for=
                "firstname-bf343208-85c3-43e1-a8ab-dc19bd1a0a02">First Name
                <span...

JavaScript

$('label.hs-form-checkbox-display').hide();
$(function() {
    $('select[name="type__c"]').change(function() { 
        switch (this.value) {
        case 'Healthcare Professional':
             $('div.hs_company').show();
                $('div.hs_zip').show();
                $('div.hs_do_you_have_a_billing_related_question_').hide();
                $('#zip-bf343208-85c3-43e1-a8ab-dc19bd1a0a02').replaceWith('<input class="hs-input" id="zip-bf343208-85c3-43e1-a8ab-dc19bd1a0a02" name="zip" placeholder="" required="required" type="text" value= "">');
                $('#company-bf343208-85c3-43e1-a8ab-dc19bd1a0a02').replaceWith('<input class="hs-input" id="company-bf343208-85c3-43e1-a8ab-dc19bd1a0a02" name="company" placeholder="" required="required" type="text" value="">');

                $('#npid__c-bf343208-85c3-43e1-a8ab-dc19bd1a0a02').replaceWith('<input class="hs-input" type="text" id="npid__c-bf343208-85c3-43e1-a8ab-dc19bd1a0a02" name="npid__c" value=" " placeholder="">');
                $('label[for="area_of_interest__c-bf343208-85c3-43e1-a8ab-dc19bd1a0a02"]').show();
                $('div.hs_npid__c').show();
                $('div.hs_country').show();
            $('label[for="area_of_interest__c10-bf343208-85c3-43e1-a8ab-dc19bd1a0a02"]').show();  
            $('label[for="area_of_interest__c3-bf343208-85c3-43e1-a8ab-dc19bd1a0a02"]').show();
            $('label[for="area_of_interest__c5-bf343208-85c3-43e1-a8ab-dc19bd1a0a02"]').show(); 
            $('label[for="area_of_interest__c7-bf343208-85c3-43e1-a8ab-dc19bd1a0a02"]').show(); 
            //$('label[for="area_of_interest__c9-bf343208-85c3-43e1-a8ab-dc19bd1a0a02"]').show();
            $('label[for="area_of_interest__c8-bf343208-85c3-43e1-a8ab-dc19bd1a0a02"]').show();  
            $('label[for="area_of_interest__c13-bf343208-85c3-43e1-a8ab-dc19bd1a0a02"]').show();
            $('label[for="area_of_interest__c21-bf343208-85c3-43e1-a8ab-dc19bd1a0a02"]').show();
           ...