No me muestra el div con el id = dato al ejecutar el evento blur, al hacer click fuera del imput con id= nombre, espero puedan ayudarme se los agradezco adjunto parte del codigo html:
#dato{
padding: 10px;
border-top: 10px;
border: 4px dashed black;
height: 40px;
width: 250px;
display: none;
margin-top: 20px;
}
</style>
</head>
<boddy>
<h1>Aprendiendo jQuery - Eventos</h1>
<form>
<input type="text" id="nombre">
</form>
<div id="dato"> </div>
<br>
<div id="caja">
Soy una caja
</div>
</boddy>
Adjunto parte del codigo de javascript
var nombre = $("#nombre");
nombre.focus(function(){
$(this).css("border","2px solid red")
});
var datos = $("#dato");
nombre.blur(function(){
$(this).css("border","2px solid gray");
console.log(datos)
});
datos.show();