Buenas tardes, estoy empezando con el mundo del Jquery y tengo una duda, que intento hacerla, y no puedo
http://www.pedritonavaja.co.cc/idioma.html
En la url de arriba lo que estoy tratando es una pestaña despegable que me de la opcion de cambiar idioma en una web, pero lo que no puedo es hacer funcionar los enlaces a otra URL dentro del script
Supuestamente al hacer clic sobre cada idioma me cargaria una URL diferente pero no me funciona, por favor si alguien me pudiera decir que esta mal en el ejemplo.
Otra cosa que estuve intentando es tambien que solamente con pasar sobre el idioma se muestre los otros idiomas, sin necesidad de hacer un clic.
De antemano muchas gracias con mi problema.
Saludos
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
html {
overflow-Y: scroll;
}
body {
font: 10px normal Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
background-color: #333;
}
*, * focus {
outline: none;
margin: 0;
padding: 0;
}
.container {
width: 100px;
margin: 0 auto;
}
h2.trigger {
background: #f0f0f1;
height: 40px;
width: 100px;
font-weight: normal;
float: left;
}
h2.trigger a {
color: #CCC;
text-decoration: none;
display: block;
}
h2.trigger a:hover {
color: #666;
}
.toggle_container {
background: #f0f0f0;
overflow: hidden;
width: 100px;
clear: both;
}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".toggle_container").hide();
$("h2.trigger").toggle(function(){
$(this).addClass("active");
}, function () {
$(this).removeClass("active");
});
$("h2.trigger").click(function(){
$(this).next(".toggle_container").slideToggle("fas t,");
});
});
</script>
</head>
<body>
<div class="container">
<h2 class="trigger"><a href="english.html"><img src="en.png" width="24" height="24" border="0" /> English</a></h2>
<div class="toggle_container">
<h2 class="trigger"><a href="espanol.html"><img src="es.png" width="24" height="24" border="0" /> Espanol</a></h2>
<h2 class="trigger"><a href="deutsch"><img src="de.png" width="24" height="24" border="0" /> Deutsch</a></h2>
</div>
</div>
</body>
</html>