Hola a todos.
Llevo poco tiempo aprendiendo a manejar jQuery, y la verdad es que me estoy empezando a volver loco, porque creo que no se que mas puede ser el error. Veamos, tengo una web en HTML5 y CSS3, simple a la que quiero añadir mediante Javascript y jQuery la posibilidad de cambiar el idioma (cambiando el contenido de algunos divs o elementos). El caso es que no consigo hacer que eso funcione.
Para evitar el codigo largo solo pondre dos de las cosas que quiero cambiar de idioma, y el html solo con la estructura pero sin contenido real.
Código HTML:
<div id="content">
<h2>Sobre mí</h2>
<p>Uno.</p>
</div>
<div id="descriptions">
<h2 id="knowledge">Conocimientos</h2>
</div>
<img id="english" src="img/english.png" onclick="english()" /> Con ese trozo creo que puede valer para entenderlo, es decir cuando se clickee en la imagen, salte a la función english definida en un fichero *js externo (que tengo enlazado en el head igual que el fichero de jquery), que contiene lo siguiente:
Código:
function english() {
$('#content').fadeOut(500,function(){
$('#content').html("<h2>About me</h2> <p>One.</p>");
$('#content').fadeIn(500);
});
$('#knowledge').fadeOut(500,function(){
$('#knowledge').html("Knowledge");
$('#knowledge').fadeIn(500);
});
};
El caso es que no hace nada, pero tampoco se queja de ningún error.
Gracias de antemano.
Un saludo.