JSFiddle - React, Tailwind, and code Playground

by Felipe Franco

HTML

<div id="myRadioGroup">
    
    2 Cars<input type="radio" name="cars"  value="2"  />
    
    3 Cars<input type="radio" name="cars" value="3" />
    
    <div id="Cars2" class="desc" style="display: none;">
        2 Cars Selected
    </div>
    <div id="Cars3" class="desc" style="display: none;">
        3 Cars
    </div>
</div> <br><br>
<div id="myMotocas">
    
    Motos 1<input type="radio" name="motos"  value="1"  />
    
    Motos 2<input type="radio" name="motos" value="2" />
    
    <div id="Motos1" class="desc" style="display: none;">
       Motos 1 Selecionado!
    </div>
    <div id="Motos2" class="desc" style="display: none;">
       Motos 2 Selecionado!
    </div>
</div>

JavaScript

$(document).ready(function() {
    $("input[name$='cars']").click(function() {
        var test = $(this).val();

        $("div.desc").hide();
        $("#Cars" + test).show();
    });
    $("input[name$='motos']").click(function() {
        var test = $(this).val();

        $("div.desc").hide();
        $("#Motos" + test).show();
    });
});