jquery só funciona no firefox

[Gregorcs 1]

Galera, estou usando jquery em um select, quando eu escolher a terceira opção aparecerá mais dois campos no meu form.

 

Porém essa função está funcionando apenas no firefox, e eu já havia usado a função cycle do jquery e no chrome funcionou!!!

 

ALguem por favor pode me ajudar a driblar essa m*****!! segue o código abaixo

 

jquery

  $(function(){

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

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

    });

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

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

    });

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

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

    });  

});

 

HTML

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

           	<h1>Cadastrar post</h1>

               	<form name="cadastrar_post" method="post" action="" enctype="multipart/form-data">
                   <fieldset>
                   	<legend>Formulário de Cadastro</legend>
                       <label>
                       	<span>Imagem de exibição</span>
                           <input type="file" name="thumb" size="60" />
                       </label>

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

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

                     <label>
                 <span>Categoria</span>
                  <select name="categoria" id="categoria">
    			     <option value="">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;">
               <br />
               <div class="no"><strong>Para postar um produto, os campos abaixo são obrigatórios!</strong></div>
               <label>
                 <span>Valor R$ <strong>(EX: 15,50)</strong></span>
                 <input type="text" name="valor_real"/>
               </label>

               <label>
                 <span>Valor PagSeguro  <strong>(EX: 1550)</strong></span>
                   <input type="text" name="valor_pagseguro" />
               </label>
               </div><!--class produtos_class-->
               <input type="hidden" name="cadastrar_post" value="cad" />
               <input type="submit" value="Cadastrar" name="Cadastrar" class="cadastro_btn" />

            </fieldset>

                   </form>



       </div><!--conteudo-->

 

 

 

vlw...abraços

[William Bruno 1501]

não faz sentido você usar no onclick de cada option.

 

o correto é você fazer no onchange do select.