Você pode fazer assim:
$('[name="check"]').change(function() {
$('[name="op1"]').toggle(200);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label>
<input type="checkbox" name="check" /> Clique aqui
</label>
<input type="optional" name="op1" />
O script está monitorando o evento change dos elementos com o atributo name="check"
, quando for alterado ele executa o evento toggle
nos inputs com atributo name="op1"
.
O toggle
funciona da seguinte forma: Quando um input
está oculto ele ficará visível, quando está visível, ele ficará oculto.
OBS.: O parâmetro 200 é um tempo em milissegundos que você quer que a ação aconteça, pra ele criar uma animação durante a transição, você pode modificar ou até retirar esse parâmetro, fica a seu critério.