当一个div通过jquery css移动鼠标时显示链接

我想在用户将鼠标移动到一个div上时显示两个链接，在用户离开div时隐藏它们，然后，我执行以下操作：

使用以下JavaScript：

$('#subdiv1').hide();
$('#subdiv2').mouseover(function(){
    $('#subdiv1').show();
});
$('#subdiv2').mouseleave(function(){
    $('#subdiv1').hide();
});

你想要这样的短信吗


HTML:

CSS:

不，我已将
#subdi
更改为
#subdiv
并将
鼠标指针
更改为
鼠标指针
$('#subdiv1').hide();
$('#subdiv2').mouseover(function(){
    $('#subdiv1').show();
});
$('#subdiv2').mouseleave(function(){
    $('#subdiv1').hide();
});

<div id="one">
    <a href="#">#1 link</a>
    <a href="#">#2 link</a>
</div>
<div id="two">
</div>

$("#two").mouseenter(function(){
      $("#one").hide();
    });
$("#two").mouseleave(function(){
      $("#one").show();
    });

#one {
    position:absolute;
    background-color:red;
    width:50px;
    height:50px;
}
#two {
    position:absoluite;
    margin-left:30px;
    background-color:blue;
    width:60px;
    height:60px;
}