Vale he dado otro paso mas, he conseguido que me funcione pero solo si coloco las dos lineas de script justo despues del nav, en lugar de en el head, es decir así:
Código:
<nav>
<span class="navbtn"></span>
<ul class="nav">
<li><a href="/clasesdeacordeon.html">CLASES</a></li>
<li><a href="/escueladeacordeon.html">ESCUELA</a></li>
<li><a href="/ventadeacordeones.html">VENTA</a></li>
<li><a href="/contacto.html">CONTACTO</a></li>
</ul>
</nav>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="script.js"></script>
Porque? no puedo ponerlo en el head, que me aclaro mejor?