SlideDown下来菜单的问题，菜鸟问题

发布于 2022-09-30 11:49:00 字数 2245 浏览 28 评论 0

我正在用一个下来菜单
<div id="menu">
         <ul>
                  <li><a href="#">Item</a></li>
                     <li><a href="#">Item</a>
                        <span class="acc">
                              <a href="">Subitem</a>
                              <a href="">Subitem</a>
                              <a href="">Subitem</a>
                              <a href="">Subitem</a>
                        </span>
                     </li>
                     <li><a href="#">Item</a></li>
                     <li><a href="#">Itemus</a></li>
            </ul>
         </div>

我是成功把菜单隐藏，然后hover的时候slideDown，但是请问如何在滑鼠移走的时候，会收缩上去

各位大大请协助，小弟是完全不懂js的，不知道怎么写这个代码

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

却一份温柔 2022-10-07 11:49:00

<html>
<body>
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){

$('#menu > ul > li').hover(function(){
$(this).children('span.acc').slideDown();
}, function(){
$(this).children('span.acc').slideUp();
});

});

</script>
<div id="menu">
         <ul>
                  <li><a href="#">Item</a></li>
                     <li><a href="#">Item</a>
                        <span class="acc">
                              <a href="">Subitem</a>
                              <a href="">Subitem</a>
                              <a href="">Subitem</a>
                              <a href="">Subitem</a>
                        </span>
                     </li>
                     <li><a href="#">Item</a></li>
                     <li><a href="#">Itemus</a></li>
            </ul>
</div>
</body>
</html>