no me ejecutan la funciones de jquery

hola que tal tengo un problema hice la programacion de la pagina de este site basandome en el tutorial de ajax que tienen aqui http://www.cristalab.com/tutoriales/162/tutorial-de-ajax
donde los contenidos se ejecutan en un div contenedor, cuando le doy clic en productos puse de prueba una pagina donde ejecuta una funcion donde extiende y colapsa un div contenedor donde tiene el texto pero no lo hace la pagina que ando programando es esta
[url]
http://fosquiba.com/Josue2/Prueba2.html
[/url]
den clic en productos y veran el cuadro mostrar dan clic y no funciona dentro del div contenedor, pero si lo ejecuto como pagina web si lo hace [url]
http://fosquiba.com/Josue2/JQueryCollapse.html[/url]
en que estoy mal ? Espero que me puedan ayudar saludos cordiales

Aprvechando que ya estas incluyendo jQuery, usa las caracteristicas que este ya tiene para ajax:
http://www.cristalab.com/tutoriales/226/ajax-en-jquery
Un saludo

ya lo hice pero $.ajax no lo reconoce en IE y en FF no hace nada

Código :

$(document).ready(function(){
        $.ajax({
        });
});

ahora no se donde poner este codigo lo complemento con el codigo que tengo para colapsar y extender un div de la pagina html que mando a llamar a mi div contenedor llamado "principal"

Código :

<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript"> 
$(function() 
{ 
  
$("#mostrar").click(function(event) { 
event.preventDefault(); 
$("#caja").slideToggle(); 
}); 
  
$("#caja a").click(function(event) { 
event.preventDefault(); 
$("#caja").slideUp(); 
}); 
}); 
</script> 

Espero que me guien ya que no tengo idea donde poner este codigo ya que la pagina que mando a llamar a mi contenedor principal, me base en el tutorial de ajax que esta aqui
Saludos cordiales