我想在鼠标悬停时取消隐藏 div 吗?
目前,在我的代码中(见下文)。悬停链接时,将打开一个高级搜索表单。当用户从 url 移动鼠标时,打开的表单正在关闭。我希望只有当用户为表单移动鼠标时表单才会关闭。
请提出解决方案。
<html>
<head>
<style>
div { background:#dad;
font-weight:bold;
font-size:16px;
width: 400px;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<a href="">Do advance Search</a>
<div style="display: none">
<h2>Advance Search Form:</h2>
<form action="search.php"><br/>
<input type="text" name="isbn" placeholder="Enter Isbn"/><br/>
<input type="text" name="isbn" placeholder=" Title "/><br/>
<input type="text" name="isbn" placeholder="Enter Author First Name"/><br/>
<input type="text" name="isbn" placeholder="Enter author last name"/><br/>
<input type="text" name="isbn" placeholder="Enter Isbn"/>
<input type="submit" value="Search"/>
</div>
<script>
$("a").hover(function () {
$("div").toggle("slow");
});
</script>
</body>
</html>