ayuda con formulario desplegrable Jquery.....

[RIVERMILLOS]

hola quiero hacer un formulario deplegable estilo como el de este foro cuando uno inicia secion con jquery .....esto es lo que llevo .



$('.desple').click(function() {

$("#des").animate(
{width:"150px",
height:"350px"
},
500
)

$('.desple').html('<form>Ingrese nombre:<input type="text" id="nombre"><br>Ingrese clave:<input type="text" id="clave"><br><input type="submit" value="confirmar"></form>');

});

$('.desple').mouseout(function() {

$("#des").animate(
{width:"20px",
height:"40px"
},
500
)
});
el problema es que el div se cierra solo no se porque si coloco el mouse en un input se cierra como podria ser.

saludos