.Show & .Hide em Formulário

Um exemplo simples:

<script type="text/javascript">
function funcao(valor){
var div = $("#produtos_class");

if (valor == "produtos"){
	div.show();
}

	div.hide();
}
}
</script>

 

<select name="categoria" id="categoria" onChange="funcao(this.value)">
<option value="-1">Selecione a Categoria</option>
<option value="novidades">Novidades</option>
<option value="cursos">Cursos</option>
<option value="produtos">Produtos</option>
</select>

Funfoo não...Alguem aew Tem alguma idéia, do que seja?

Ctrl+Shift+J no Firefox, aparece algum erro ?

se aparecer, corrija.

como está o teu codigo mais atual ?

Opa...Gente, eu uso o Chrome como navegador...Corriji alguns erros e abri com o Firefox e Funfou beleza.No chrome não..Qual que é essas dos Navegadores??

geralmente o problema é o teu código e não os navegadores.

mostre como está.

Estranho eu testei em meus navegadores aqui, todos funcionaram! :huh:

POST DE CADASTRO

<?php include"scripts/restrict_no.php" ;?>
<?php include"header.php" ;?>
<div id="box">

<div id="header">

</div> <!-- HEADER -->

<div id="content">

	<div id="menu">
 <?php include"menu.php"; ?>
	</div> <!--MENU-->

	<div id="conteudo">

 <span class="caminho">Home » Cadastrar Posts</span>

 <h1>Cadastrar Posts</h1>

 <form name="cadastrar_posts" method="post" action="" enctype="multipart/form-data">
 <fieldset>
 <label>
 <span>Imagem de exibição</span>
 <input type="file" name="thumb" class="thumb" size="30" />
 </label>

 <label>
 <span>Titulo</span>
 <input type="text" name="titulo" />
 </label>

 <label>
 <span>Texto</span>
 <textarea name="texto" rows="5"></textarea>
 </label>

 <label>
 <span>Categoria</span>
 <select name="categoria" id="categoria">
 <option value="-1">Selecione a Categoria</option>
 <option value="novidades" id="novidades">Novidades</option>
 <option value="cursos" id="cursos">Cursos</option>
 <option value="produtos" id="produtos">Produtos</option>

 </select>
 </label>

 <label>
 <span>Data</span>
 <input type="text" name="data" />
 </label>

 <label>
 <span>Autor</span>
 <input type="text" name="autor" />
 </label>
 <div id="produtos_class" style="display:none;">
 <label>
 <span>Valor R$</span>
 <input type="text" name="valor_real" />
 </label>

 <label>
 <span>Valor PagSeguro</span>
 <input type="text" name="valor_pagseguro" />
 </label>
 </div> <!-- DIV CLASS -->

 <input type="submit" value="Cadastrar" name="Cadastrar" class="cadastro_btn" />
 </fieldset>
 </form>

	</div> <!--CONTEUDO-->

</div> <!--CONTENT-->
<div id="clear"></div>
</div> <!-- BOX -->

<?php include"footer.php"; ?>

AKI É A FUNÇÃO

	$(function(){

	$("#produtos") .click(function(){

 $("#produtos_class") .show("slow");

});
	$("#cursos") .click(function(){

 $("#produtos_class") .hide("slow");

});

	$("#novidades") .click(function(){

 $("#produtos_class") .hide("slow");

});

});

AKI é o Scripts.PHP que CHAMA A FUNÇÃO

<script type="text/javascript" src="../scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/cadastros_posts_func.js"></script>

-> não faz sentido o onclick nos options

-> não dê IDs aos options

-> aplique a sugestão do Ted k'

exemplo:

http://wbruno.com.br/blog/2010/07/28/ocultarmostrar-elementos-apartir-de-radio-select/

Mais hein Ted k...Meu Script funcionou ai nos navegadores??

Não, o script que ele disse q funcionou foi o dele.

veja o link que postei, e não use onclick e nem id em options. (erro conceitual)

cara, agora você tem duas opcoes que funcionam... uma minha e do Bruno, só escolher, adaptar e testar

Vo tentar adaptar...Sou Muito novo na área...To na base de tutoriais...Qualquer coisa posto aqui, agradeço a ajuda de vocês!!!