hover и элементы form
Добрый день,
на событие hover у div-a весит анимация slideDown/slideUp. Внутри этого блока элементы формы input и button. Если нажать на button или изменит значение у input весь блок div возвращаеться в состояние display:none; (в котором он и был изначально). Как сделать так что бы можно было работать с элементами формы и оставлять блок видимым. |
Цитата:
Но можно еще выложить код, чтоб его могли посмотреть, если уж вы очень хотите чтобы ответил кто то здесь. |
slavonbl,
:write:
<!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>
|
1..
|
| Часовой пояс GMT +3, время: 13:36. |