Hola a todos, estoy haciendo una prueba porque todos los script que intento enlazar en un proyecto me están dando problemas.
Entonces me he puesto a hacer una prueba sencilla y veo que en esta prueba también me da problemas.
Me muestra el siguiente error en la linea 1, en la consola del chorme y ademas no se activa el script (es un simple menu desplegable):
Uncaught SyntaxError: Unexpected token <
el HTML:
Código HTML:
<!doctype html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>prueba</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="script.js"></script>
<style>
body {
padding: 0;
margin: 0;
font-family: helvetica;
}
.nav {
background:#333;
text-decoration: none;
color: white;
margin: 0;
text-align: center;
}
nav li{
display:inline-block;
}
nav li a {
text-decoration: none;
font-size: 40px;
color:white;
}
@media (max-width: 600px) {
.nav li{
display:block;
text-align: left;
}
.navbtn{
display: block;
background-color: #333;
color: white;
font-size: 40px;
cursor:pointer;
}
.navbtn:before{
content: 'Menu';
}
}
</style>
</head>
<body>
<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>
</body>
</html> Y el script:
Código:
<script>
$('span.navbtn').click(function (){
$('ul.nav').toggle();
})
</script>
Por otro lado Aprovecho para preguntaros si yo quitara la class al ul, como lo llamaria desde el script?. Ahora le llamo con $('ul.nav') pero si le quito la class, como lo llamo? he probado con $('ul nav') pero no va, no me vale $('ul') porque en el proyecto real tengo mas de un ul.
gracias