Problema ao exibir Div ao clicar em radio button e outra div

[dieef5 0]

Boa noite pessoal,

 

Estou com um problema e gostaria da ajuda dos amigos:

Em uma página de escolha de forma de pagamento gostaria de fazer aparecer uma div que está oculta quando seleciono a opção pelo radio button.

Funciona ok clicando direto no radio button, porém o radio button também é selecionado ao clicar sobre o nome da opção na DIV (exemplo: Boleto Bancário). E quando clico sobre o nome da opção a DIV oculta não aparece.

 

Gostaria de exibir a DIV oculta tanto ao clicar sobre o nome Boleto bancário como ao clicar no radio button.

 

o html é mais ou menos assim:

<div class="selection row">
  <div class="col-xs-6 text-left"><strong>Boleto Bancário</strong> 10% de Desconto</div>
  <div class="col-xs-6 text-right"><input type="radio" name="payment" value="boleto" checked="checked" /></div>
</div>

<div id="campos">
  	Exibe instrução
  <div

 

Meu jquery está assim:

$("input[name=payment]").change(function(data){ 
    var selection = $("input[name=payment]:checked").val();
    console.log(selection); 
    if(selection != "boleto")
        $("#campos").hide();
    else
        $("#campos").show('fast');
});

$("#campos").hide();

 

VLw pessoal..

 

[dieef5 0]

Problema resolvido. obrigado.