JSFiddle - React, Tailwind, and code Playground

by gromer

HTML

<select id="claim-select" name="claimsform">
  <option value="lp_claims"> lp_claims</option>
  <option value="gap_claims">gap_claims</option>
  <option value="home_claims">home_claims</option>
</select>

<div class="lp_claims claim">
<p> <strong>LP Claims heading</strong></p>
</div>

<div class="gap_claims claim">
<p> <strong>GAP Heading</strong></p>
</div>

<div class="home_claims claim">
<p><strong>Home heading</strong></p>
</div>

CSS

.lp_claims, .gap_claims, .home_claims{ display:none;}

JavaScript

function menuChanged() {
    $('.claim').hide();
    var selectedVal = $('#claim-select').val();
    if (selectedVal) {
        $('div.' + selectedVal).show();//css('display', 'block');
    }
}

$(document).ready(function() {
    $('#claim-select').change(menuChanged);
    menuChanged();
});