关于jquery小问题，求解!

Question

<div id="s1">
    <div id="s2"><img src="s2.jpg" alt="移到这里会弹出s3菜单" /></div>
    <div id="s3" style="display:none; visibility:hidden;">这里面是个菜单，鼠标移到这里不悬停，菜单直接缩上去了<div/>
</div>
<script type="text/javascript">
    $("#s1").hover(function () { ShowDiv('s3'); }, function () { HideDiv('s3'); });
</script>

Answer 1

没有看到想要的结果，我是把js这地方写成这样测试的$("#s1").hover(function(){ 
document.getElementById("s3").style.display = "block";
document.getElementById("s3").style.visibility = "visible";
}, function(){
document.getElementById("s3").style.display = "none";
document.getElementById("s3").style.visibility = "hidden";
});如果你那边有问题，提供一下你的代码呗，要不让人很难看到如何解决的。

Answer 2

<style type="text/css">
#s3{height:80px;width:80px;background-color:#00CC99;display:none}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
 $("#s2").hover(function(){
$("#s3").show();
}, function(){
$("#s3").hide();
});
})
 </script> 
 <div id="s1">
     <div id="s2"><img src="s2.jpg" alt="移到这里会弹出s3菜单" /></div>
     <div id="s3">这里面是个菜单，鼠标移到这里不悬停，菜单直接缩上去了<div/>
 </div>

Answer 3

用mouseOver跟mouseLeave吧，hover有时会抽风

Answer 4

<div id="s3" style="display:none; visibility:hidden;">这里面是个菜单，鼠标移到这里不悬停，菜单直接缩上去了<div/>把红色的去掉$("#s1").hover(function () {$("#s3").show(); }, function () {$("#s3").hide(); });