jquery - 当鼠标悬停在 toplink div 上时显示块形式

Question

鼠标将悬停在块 html 上：

<div class="toplinks">...</div>

显示块内容 html：

<div id="pop-login" style:"display:none;">...some content and a form</div>

我的jQuery代码：

$('.toplinks').hover(function(){

    $('#pop-login').toggle();
    $('#pop-login').toggleClass("hpposition");
});     

的CSS：

.hpposition{
    position: absolute;
    top: 30px;
    left:500px;
    z-index: 10000;
}

现在，当鼠标移出toplinksdiv 时，出现了问题。我无法在展示表格中填写内容。当鼠标移出 toplinksdiv 时。表格立即消失。如何使用户可以在表单中填写一些内容？

Answer 1

这应该工作

<div class="toplinks">
    <div id="pop-login" style:"display:none;">...some content and a form</div>
</div>
<script>
$('.toplinks').hover(function() {
    $('#pop-login').toggle();
});
</script>