Jquery 显示/隐藏<；部门>；基于<；李>；。悬停（）

我正在制作一个菜单，该菜单将通过

.slideDown（）

a

显示，该菜单基于光标所在的

的

ID指定。此外，当光标离开

时，

应该

.slideUp（）

，除非光标落在

本身上

我有这个标记：

   <div id="menuContainer">
   <!-- this is styled to be your standard CSS <ul> menu (<ul>'s list-style: none; <li> float: right) -->
        <ul>
            <li id="overSlide1"><a href="#1" class="linkClass">Alpha</a></li>
            <li id="overSlide2"><a href="#2" class="linkClass">Beta</a></li>
            <li id="overSlide3"><a href="#3" class="linkClass">Gamma</a></li>
            <li id="overSlide4"><a href="#4" class="linkClass">Theta</a></li>
        </ul>
    </div>
    <div id="menuDiv">
    <!-- This is position right under the <div id="menuContainer"> via CSS -->
    </div>

我对“除非光标落在

本身上”有问题。

试试这个

$(document).ready(function(){
    $("#overSlide1").mouseover(function(){
        $("#menuDiv").slideDown(250, function(){
        });
    };

    $("#overSlide1").mouseout(function(){
        $("#menuDiv").slideUp(250, function(){
        });
    };
 $("#overSlide2").mouseover(function(){
        $("#menuDiv").slideDown(250, function(){
        });
    };

    $("#overSlide2").mouseout(function(){
        $("#menuDiv").slideUp(250, function(){
        });
    };

 $("#overSlide3").mouseover(function(){
        $("#menuDiv").slideDown(250, function(){
        });
    };

    $("#overSlide3").mouseout(function(){
        $("#menuDiv").slideUp(250, function(){
        });
    };

 $("#overSlide4").mouseover(function(){
        $("#menuDiv").slideDown(250, function(){
        });
    };

    $("#overSlide4").mouseout(function(){
        $("#menuDiv").slideUp(250, function(){
        });
    };

});

这可能有点问题，jquery是wierd，有时不能像预期的那样工作。如果这对你不起作用，还有其他方法，这只是与你已有的方法相比最简单的方法。只要让我知道，我会帮助更多

试试这个

$(document).ready(function(){
    $("#overSlide1").mouseover(function(){
        $("#menuDiv").slideDown(250, function(){
        });
    };

    $("#overSlide1").mouseout(function(){
        $("#menuDiv").slideUp(250, function(){
        });
    };
 $("#overSlide2").mouseover(function(){
        $("#menuDiv").slideDown(250, function(){
        });
    };

    $("#overSlide2").mouseout(function(){
        $("#menuDiv").slideUp(250, function(){
        });
    };

 $("#overSlide3").mouseover(function(){
        $("#menuDiv").slideDown(250, function(){
        });
    };

    $("#overSlide3").mouseout(function(){
        $("#menuDiv").slideUp(250, function(){
        });
    };

 $("#overSlide4").mouseover(function(){
        $("#menuDiv").slideDown(250, function(){
        });
    };

    $("#overSlide4").mouseout(function(){
        $("#menuDiv").slideUp(250, function(){
        });
    };

});

---

这可能有点问题，jquery是wierd，有时不能像预期的那样工作。如果这对你不起作用，还有其他方法，这只是与你已有的方法相比最简单的方法。只要让我知道，我会帮助更多

“光标向下”是我的想法的一部分？？？jQuery菜单已经这样做了。许多的时代。“你为什么要重新发明轮子？”马特：很抱歉，我没有你那么了解情况，先生。我当时不该问的-我只是说，你还不够吗？@Erick Garcia别难过。不是每个人都知道一切。不过，还是要在网上花点功夫找出答案。我的想法中的“光标向下”部分？？jQuery菜单已经这样做了。许多的时代。“你为什么要重新发明轮子？”马特：很抱歉，我没有你那么了解情况，先生。我当时不该问的-我只是说，你还不够吗？@Erick Garcia别难过。不是每个人都知道一切。不过，还是要努力在网上找到答案。谢谢你，但实际上我已经找到了一个更好的方法。我的答案在我的评论帖子里，因为我还不能早些回答我自己的问题。谢谢你，但我已经找到了一个更好的方法。我的答案在我的评论中，因为我还不能更早地回答我自己的问题。