Mostra campos após selecionar no chekbox

usa jquery, vc pode criar até DIV´s especifícas para cada tipo de cadastro, ou seja, clicou em pessoa física ele abre apenas a DIV de pessoa física

A DIV para os campos eu cheguei a criar, mas não consegui chamar ela.

Eu montei assim:

<div id="campofis_01" class="invisivel">
 <input type="text" name="campofis_1" size="40" value="Fis 1">
 </div>

Mas não sei como fazer para deixar ela invisível e chamar ao selecioar no checkbox!!

olha este exemplo simples de Exibir/Esconder elementos

	Código:<script type="text/javascript">
$(function(){

.click(function(){
$("#block1").hide();
});

$("#for-block2")

.click(function(){
$("#block2").show();
});

$("#for-block3")

.click(function(){
$("#block3").toggle();
});

$("#fadeout-block1")
.click(function(){
$("#block1")
.show()

.hide("slow");
});

$("#fadein-block2")
.click(function(){
$("#block2")
.hide()

.show("slow");
});
});
</script>

 

 

 

<style type="text/css">

height: 25px;
line-height: 25px;
padding: 0 10px;
}

#block1 {
background: green;
}

#block2 {
background: yellow;
display: none;
}

#block3 {
background: blue;
}

#container {
height: 75px;
}
</style>

 

 

 

<div id="container">

<div id="block1">Bloco 1</div>
<div id="block2">Bloco 2</div>
<div id="block3">Bloco 3</div>
</div>
<p>
<button id="for-block1">Esconder bloco 1</button>
<button id="for-block2">Exibir bloco 2</button>
<button id="for-block3">Alternar bloco 3</button>
<button id="fadeout-block1">Esconder bloco 1 (animação)</button>
<button id="fadein-block2">Exibir bloco 2 (animação)</button>
</p>

Eu subi o código, mas qd clico no botão, não muda na no bloco!!

verifique o caminho no js

como assim o caminho, eu coloquei o código inteiro em uma página só!!

Preciso separar?

Olá Marcelo,

Não precisa separar não, apenas precisa inserir o arquivo principal do jquery.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js">

Agora funciona.

Estranho, tb não funcionou:

Da uma olhada no link da página por favor.

http://www.arterz.com.br/daytrip/esconder.html

Feche seu primeiro **</script>**

 

E abra no segundo **<script>**

Refaça os testes

Perfeito, vou testar na minha página.

Obrigado.

beleza

Você pode depois também fazer, que fica legal, seria como abas (pode ser aquelas que ficam "grudadas" na lateral dá página, que ao clicar abre seu form. Dá um efeito interessante