nat,
и что не так работает?
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style type="text/css">
.signInMenu {
display: none;
}
.li-menu {
background-color: #FF00FF;
}
</style>
</head>
<body>
<div class="relative">
<div class="signInBox ml5">
<div class="li-menu"><i class="icon-user"></i>Вход</div>
</div>
<div id="signInMenu" class="signInMenu">
<div class="inline mb10 pt10 pb10">
</div>
<form accept-charset="UTF-8" id="user-login-form" method="post" action="/node?destination=node">
<div class="z10">
<label class="inputLabel" for="username_email">Логин или емайл:</label>
<input type="text" name="name" id="edit-name">
<label class="inputLabel" for="email">Пароль:</label>
<input type="password" name="pass" id="edit-pass">
<input type="hidden" value="" name="form_build_id">
<input type="hidden" value="user_login_block" name="form_id">
<div class="sb-reg">
<input type="submit" class="form-submit" value="Войти" name="op" id="edit-submit">
<a href="/user/password">Забыли пароль?</a>
</div>
</div>
</form>
</div>
</div>
<script type="text/javascript">
$(function () {
$(".signInBox").mouseenter(
function (event) {
event.preventDefault();
$("#signInMenu").toggle();
$(this).toggleClass("active");
});
$("#signInMenu").mouseleave(function (event) {
if ($(event.relatedTarget).parents(".relative").length == 0) $(this).toggle()
});
})
</script>
</body>
</html>