Se supone que cuando en la primera lista pulso la opcion perro, se tiene que mostrar la segunda lista de opciones que me permitira que tipo de perro escoger.
<html>
<head>
<meta charset="iso-8859-1">
<title>Curso pagina 2014</title>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'>
<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<script language=javascript>
function habilitar(){
$('#dogs').slideDown(500);
}
</script>
<select>
<option value=”gato” >gato</option>
<option value=”perro” onchange= "habilitar();">perro</option>
<option value=”Jirafa”>Jirafa</option>
</select>
<select id="dogs" style="display:none" >
<option value=”pastor” >PastorAleman</option>
<option value=”frances”>BuldogFrances</option>
<option value=”carlinio”>Carlino</option>
</select>
</body>
</html>
Pero no me funciona, estoy desesperada. Si alguien me pudiera ayudar
![Contento](http://static.forosdelweb.com/fdwtheme/images/smilies/happy.png)
El error creo que esta a la hora de llamar la funcion javascript habilitar() ya que no consigo ni ejecutar un alert
<html>
<head>
<meta charset="iso-8859-1">
<title>Curso pagina 2014</title>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'>
<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<script language=javascript>
function habilitar(){
alert ("hola");
}
</script>
<select>
<option value=”gato” >gato</option>
<option value=”perro” onchange= "habilitar();">perro</option>
<option value=”Jirafa”>Jirafa</option>
</select>
<select id="dogs" style="display:none" >
<option value=”pastor” >PastorAleman</option>
<option value=”frances”>BuldogFrances</option>
<option value=”carlinio”>Carlino</option>
</select>
</body>
</html>