jQuery菜单-鼠标悬停

我正在处理jQuery菜单

这是小提琴：

我需要的是能够浏览每个子类别。现在，当鼠标移到“主页”上时，当我想移到“文本1”上时，子类别会滑回。我怎样才能阻止它

另外，我希望子类别滑入主类别旁边。因此，如果我的鼠标在“家”上方，子li将滑到它旁边。如果我的鼠标在“服务”上，子按钮将滑到它旁边，因此“主页”旁边将没有子按钮，因为“服务”在它下面

另外，如果我从一个按钮快速切换到另一个按钮，您会看到子按钮出现在返回的按钮下面。如何使这项工作不会发生？

您不需要使用

id

调用每一个。 我给你的是如何制作菜单

我建议：

不要在不了解基础知识的情况下开始构建复杂的东西

例如，无论您如何看待下一个代码，它都是错误的：

$(document).ready(function () {
    $(".sub_button_home").hide();
});
$(document).ready(function () {
    $(".sub_button_services").hide();
});
$(document).ready(function () {
    $(".sub_button_products").hide();
});

不仅可以通过CSS（使用

显示：none

）实现这一点，还附加了3个函数，而不是一个包含所有代码的函数

---

我建议阅读jQuery的API来学习应该采用的基本结构。

在做任何事情之前，首先应该构建一些有用的html。 您是如何想到在没有列表的情况下使用列表项的？ 关于使用表格设计菜单布局的方法，我最好在这一点上什么也不说

您只需要无序的嵌套列表即可达到目标。

---

谷歌搜索斯图·尼科尔斯的菜单。在那里，你可以找到很多不同菜单的可能性。

有效的方法（可能更简单）是将每个子项插入到它们的父元素中。在编辑文章之前，我打开了小提琴，它工作得很好。但新编辑的提琴不起作用。幻灯片效果不起作用了，非常感谢你的帮助。我现在更明白了。我尝试在我的实际页面中导入此代码，但它不起作用。。。？我复制并粘贴了它。我需要更改什么吗？你能提供这一页吗？此外，请检查开发人员工具控制台是否有任何错误。此处：……页面尚未联机，但代码完全相同。jQuery代码位于HTML部分。您在JSFIDLE中看到的是在我的浏览器中测试真正的html文件时我是如何看待它的。非常感谢。