JSFiddle - React, Tailwind, and code Playground

by Emmanuel Garcia

HTML

<input type="radio" name="bedStatus" id="allot" checked="checked" value="allot">UNO
<input type="radio" name="bedStatus" id="transfer" value="transfer">DOS


<div class="hideIfFixed2" style="display:block">UNO</div>
<div class="hideIfFixed">DOS</div>

CSS

.hideIfFixed {
  display: none;
}
.hideIfFixed2 {
  display: none;
}

JavaScript

$(document).ready(function() {
    $('input:radio[name=bedStatus]').change(function() {
        if (this.value == 'allot') {
            $('.hideIfFixed2').css('display','none');
        }
        else if (this.value == 'transfer') {
             $('.hideIfFixed').css('display','block');
        }
    });
});