show()/hide() não funcionam

Bom dia pessoal

estou com o seguinte problema não conheço nada de javascript quase

e esta função não funciona no chrome mas no firefox funciona normal

<script type="text/javascript" src="../scripts/jquery.js"></script>
<script type="text/javascript">
	$(function(){
 $("#produtos").click(function(){
 $("#tipo").show("slow");
 });
	});
</script>

para este formulário

<label>
 <span>Selecione a Categoria</span>
 <select name="categoria" id="categoria">
 <option value="-1">Selecione a Categoria</option>
 <option value="destaques" id="destaques">Destaques</option>
 <option value="lancamentos" id="lancamentos">Lançamentos</option>
 <option value="produtos" id="produtos">Produtos</option>
 <option value="noticias" id="noticias">Noticias</option>
 </select>
 </label>
 <div id="tipo" style="display:none;">
 <label>
 <span>Família do Item</span>
 <select name="tipo" id="tipo">
 <option value="-1">Selecione a Família</option>
 <option value="eixos" id="eixos">Eixos</option>
 <option value="freios" id="freios">Freios</option>
 <option value="suspensoes" id="suspensoes">Suspensões</option>
 <option value="componentes" id="componentes">Componentes</option>
 </select>
 </label>
 </div><!--Tipo-->