..bien mirándolo por encima, lo primero que noto en la consola un error, es que en el head estas usando el objeto jquery antes de incluir la libreria, entonces te da un error....tu tienes así..
Código Javascript
:
Ver original<script>
$(document).ready(function(){
$("section").addClass("silver");
//$('section').attr("class", "green");
});
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<!--<script type="text/javascript" src="js/jquery.ba-hashchange.min.js"></script>-->
<script type="text/javascript" src="js/dynamicpage.js"></script>
...y tendria que ir al reves, para que no te de error...
..luego en el body, tienes esto
Código Javascript
:
Ver original<script>
$(document).ready(function(){
$("section").addClass("green");
$('section').attr("class", "green");
});
</script>
...porque?...lo mejor seria que trates de ser mas ordenado e incluyas todo en un solo archivo externo, particularmente a mi me gusta poner todo antes del cierre de la etiqueta body, salvoo que se necesite un script antes..entonces yo lo ordenaría así...y en ultimo archivo, miscript.js, pondria mis codigo de Javascript
Código HTML:
Ver original<!DOCTYPE html>
<link rel='stylesheet' type='text/css' href='css/style.css'>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <!--<script type="text/javascript" src="js/jquery.ba-hashchange.min.js"></script>-->
<script type="text/javascript" src="js/dynamicpage.js"></script> <script type="text/javascript" src="js/miscript.js"></script>
...luego usandolo, tienes este error...en cada link que le das click, aca por ejemplo un error en informacion
Código Javascript
:
Ver originalUncaught Error: Syntax error, unrecognized expression: nav a[href=informacion.php]
el poblema es que tienes que pasar "informacion", no "informacion.php"...entonces en todos los link, debes quitar el ".php", y no te dará error...