slavonbl,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
div{
padding: 25px 50px;
border: #8B4513 8px solid;
display: inline-block;
}
form{
display: none;
margin: 25px;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function () {
var d = $("div"),
f = $("form");
d.mouseenter(function (event) {
f.stop(true, true).slideDown("slow")
}).mouseleave(function (event) {
if ($(event.target).parents("form").size()) return;
f.stop(true, true).slideUp(300)
})
});
</script>
</head>
<body>
<div>
<form id="x" action="http://javascript.ru/forum/">
<input name="">
<input name="">
<input name="" type="submit" value="go">
</form></div>
</body>
</html>