JSFiddle - React, Tailwind, and code Playground

by Rich Costello

HTML

<div class="hs_type__c field hs-form-field">
        <label for="type__c-bf343208-85c3-43e1-a8ab-dc19bd1a0a02">Job
        Role</label>

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

        <div class="input">
            <ul class="inputs-list multi-container">
                <li class="hs-form-radio"><label class="hs-form-radio-display"
                for=
                "type__c0-bf343208-85c3-43e1-a8ab-dc19bd1a0a02"><input class=
                "hs-input" id="type__c0-bf343208-85c3-43e1-a8ab-dc19bd1a0a02"
                name="type__c" type="radio" value=
                "Patient">Patient</label></li>

                <li class="hs-form-radio"><label class="hs-form-radio-display"
                for=
                "type__c1-bf343208-85c3-43e1-a8ab-dc19bd1a0a02"><input class=
                "hs-input" id="type__c1-bf343208-85c3-43e1-a8ab-dc19bd1a0a02"
                name="type__c" type="radio" value=
                "Healthcare Professional">Healthcare Professional</label></li>

                <li class="hs-form-radio"><label class="hs-form-radio-display"
                for=
                "type__c2-bf343208-85c3-43e1-a8ab-dc19bd1a0a02"><input class=
                "hs-input" id="type__c2-bf343208-85c3-43e1-a8ab-dc19bd1a0a02"
                name="type__c" type="radio" value=
                "Health Plan Professional">Health Plan
                Professional</label></li>

                <li class="hs-form-radio"><label class="hs-form-radio-display"
           
                    for=
                "type__c3-bf343208-85c3-43e1-a8ab-dc19bd1a0a02"><input class=
                "hs-input" id="type__c3-bf343208-85c3-43e1-a8ab-dc19bd1a0a02"
                name="type__c" type="radio" value="Other">Other</label></li>

                <li class="hs-form-radio"><label class="hs-form-radio-display"
                for=
                "type__c4-bf343208-85c3-43e1-a8ab-dc19bd1a0a02"><input class=
                "hs-input"...

JavaScript

$('div.hs_company').hide();

$("#type__c0-bf343208-85c3-43e1-a8ab-dc19bd1a0a02").click(function(){

       $("div.hs_company").hide();  
});

$("#type__c1-bf343208-85c3-43e1-a8ab-dc19bd1a0a02").click(function(){
  
       $("div.hs_company").show();  
});

$("#type__c2-bf343208-85c3-43e1-a8ab-dc19bd1a0a02").click(function(){

       $("div.hs_company").show();  
});

$("#type__c3-bf343208-85c3-43e1-a8ab-dc19bd1a0a02").click(function(){
  
       $("div.hs_company").hide();  
});


$("#type__c4-bf343208-85c3-43e1-a8ab-dc19bd1a0a02").click(function(){
   
       $("div.hs_company").hide();  
});