toggle function no funciona en servidor

[hello556]

Hola a todos
primero pedir disculpas por mi poco conocimeinto en programación web y seguramente el error que estoy cometiendo es muy sencillo.
Basicamente estoy haciendo una pagina con un submenu que se activa on click sobre el menu principal. Al mismo tiempo he querido incluir un fondo con trasparencia sobre toda la pagina una vez se activa el submenu, para que éste se diferencie del fondo de la pagina.
Hasta aquí todo bien, lo he probado en el preview de dreamweaver y funciona correctamente. El problema aparece una vez lo subo al servidor: el menu funciona correctamente pero la trasparencia no aparece por ningun lado.

Espero que me podáis echar una mano porque estoy totalmente perdido

esta es la página www.whitedogstudio.org como veréis al abrir el menu deberia de salir una trasparencia en toda la pagina para hacer el menu más visible

adjunto los datos:

<script>
jQuery(document).ready(function($){
$(".menu").on("click", function(){
deactivateAll(this);
toggle(this);

});

function deactivateAll(current) {
$( "li" ).each(function( index, elem ){
if (elem != current && $(elem).hasClass("active")) {
toggle(elem);
}
});
}

function toggle(elem) {
$(elem).find("ul").toggle ("fast","linear");
$( "#transparencia" ).toggle();
$(elem).toggleClass("active");

}
});
</script>