JSFiddle - React, Tailwind, and code Playground

by Carlos Quintero

HTML

<h5>Pracita Deportes:</h5>
<input type="radio" value="si" id="si" class="deporteSi" name="deporte" checked="true">SI<br>
<input type="radio" value="no" id="no" class="deporteNo" name="deporte">NO<br>
<hr>
<input type="text" name="deporte" id="deporte" placeholder="Deporte"/>

JavaScript

$("#no").click(function() {  
      if($(this).is(':checked')) {  
            $("#deporte").css('display','none');
      } 
});

$("#si").click(function() {  
      if($(this).is(':checked')) {  
            $("#deporte").css('display','block');
      } 
});