Exemplo de Mostra/Oculta - Voltar

<p><b>Selecione a opção desejada</b></p>

<div>
	<label><input type="radio" name="pagamento" value="cd">Cartão Débito</label>
	<label><input type="radio" name="pagamento" value="cc">Cartão Crédito</label>
	<label><input type="radio" name="pagamento" value="pix">Pix</label>
	<label><input type="radio" name="pagamento" value="bo">Boleto</label>
</div>



<div class="cd area_pagamento">
	<b>Cartão Débito 

	<table>
		<tr>
			<td>Número do cartão</td>
			<td>Validade</td>
		</tr>
		<tr>
			<td><input type="text" size="15"></td>
			<td><input type="text" size="5"></td>
	  	</tr>
	  	<tr>
		  <td>Nome do titular</td>
	  	</tr>
	  	<tr>
		  <td colspan="2"><input type="text" size="30"></td>
	  	</tr>
	  	<tr>
		  <td>Código de segurança</td>
	  	</tr>
	  	<tr>
		  <td><input type="text" size="4"></td>
	  	</tr>
  	
</div>

<div class="cc area_pagamento">
	<b>Cartão Crédito</b><br>
	<table>
		<tr>
			<td>Número do cartão
			<td>Validade
		</tr>
		<tr>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<td>Nome do titular</td>
		</tr>
		<tr>
			<td colspan="2"><input type="text" size="30"></td>
		</tr>
		<tr>
			<td>Código de segurança</td>
			<td>Parcelas</td>
		</tr>
		<tr>
			<td><input type="text" size="4"></td>
			<td><input type="text" size="3"></td>
		</tr>
	</table>
</div>

<div class="pix area_pagamento">
	<b>Pix</b><br>
	<table>
		<tr>
			<td><b>Código PIX</b></td>
		</tr>
		<tr>
			<td>@teste123_t%32</td>
		</tr>
	</table>
</div>

<div class="bo area_pagamento">
	<b>Boleto</b><br>
	<img src="barras.jpg" width="100%">
</div>

.area_pagamento {
	padding: 30px;
	display: none;
	width: 60%;
	margin: 30px auto;
	border: 1px solid #333;
}
			
label {
	margin-right: 20px !important;
}
label:hover{
	cursor: pointer;
}
table{
	text-align: left;
}
input{
	margin-right: 5px !important;
}

<script type="text/javascript">
    $(document).ready(function() {
        $('input[type="radio"]').click(function() {
            var inputValue = $(this).attr("value");
            var targetBox = $("." + inputValue);
            $(".area_pagamento").not(targetBox).hide();
            $(targetBox).show();
        });
    });
</script>