.Show & .Hide em Formulário

Boa tarde galera...Estou desenvolvendo a parte de administração de um site e agora preciso fazer a parte de cadastro de Posts, Então eu tenho Os Posts divididos por categoria: Cursos, Produtos e Novidades.

Eu tenho o Form criado, E tenho 2 Campos que são referentes ao valor dos Produtos, são eles os Campos Valor Real e Valor Pag Seguro.

Preciso que eles apareçam apenas quando eu selecionar a categoria produtos, e sumir após selecionar outra categoria...

Aki é o Script que tenho, eu não consegui detectar o Problema, Ele simplesmente não funciona...

Scripts Java

<script type="text/javascript" src="../scripts/jquery.js"></script> Aki é o Jquery
<script type="text/javascript">
$(function(){

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

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

});

});
</script>

Formulário

<form name="cadastrar_posts" method="post" action="" enctype="multipart/form-data">
 <fieldset>
 <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 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>

Obrigado pela atenção!!!