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

Question

鼠标将悬停在块html：

上

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

show block content 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;
}

现在，当鼠标移出toplinks div时出现问题。我无法填写表格形式的东西。当鼠标移出toplinks div时。表格立即消失。如何使用可以填写表格中的一些内容？

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>