JSFiddle - React, Tailwind, and code Playground

HTML

<input type="radio" name="opcao" value="A" checked="checked"> A
<input type="radio" name="opcao" value="B" > B

<div class="text"><p>conteudo a</p></div>
<div class="text"><p>conteudo b</p></div>

CSS

/* esconde apenas o primeiro elemento da classe */
.text:not(:nth-of-type(1)){
   display: none;
}

JavaScript

$(function(){
   
   $("[name='opcao']").on("change", function(){
      $(".text").hide(); // esconde tudo
      var idx = $(this).index(); // pega o índice do radio
      $(".text:eq("+idx+")").show(); // mostra a classe .text pelo índice
   });
   
});