Mostrar e ocultar campos form com jQuery

E aí galera, tudo bem?

Preciso de uma ajuda de vocês. Sou totalmente novo no uso de jQuery e ultimamente estou com probleminha que não consigo solucionar.

Estou criando um formulário onde haverão algumas perguntas (usando radio) que, dependendo da resposta mostrará ou ocultará um campo.

Procurei na net algum código pronto, porém todos que encontrei necessitavam de adaptação, para se comportarem da forma que eu preciso. Aí que está o problema, não estou conseguindo fazer funcionar da forma que quero.

Não conheço muito bem a estrutura jQuery, estive olhando a documentação, mas não achei o que estava procurando. Até se alguém puder me responder, como faço comparação de valores de variáveis em jQuery?! tipo:

var a = 1;

 

var b = 2;

if ( a == b ) {...} //Não consegui achar como faz isso! rsrs

Mas a dúvida principal não é essa. Estou postando um exemplo de código que estou tentando adaptar. O que estou fazendo de errado?

$(document).ready(function(){

$(".botao").click(function() {

var ref = $(this).attr("alvo");

var acao = $(this).val();

	if($(acao) == "sim"){

 $("#"+ref).css("display", "block");

	} else {

 $("#"+ref).css("display", "none");

	}
});
});

opção 1 <input type="radio" name="filhos0a17" class="botao" alvo="conteudo1" value="sim">

<br />

opção 2 <input type="radio" name="filhos0a17" class="botao" alvo="conteudo1" value="nao">
<span id="conteudo1" style="display:none;">abc</span>

Valeu galera.