Formulario y display rules.

[xfxstudios]

Jquery nene:

MUESTRA

Código 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"/>
 

Código Javascript:

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