Javascript 多级下拉菜单，下拉菜单有问题

菜单如下：

问题在于下拉列表。这是WordPress生成的代码

Css:

如果我删除菜单下的幻灯片，它就会工作

它还有一个JavaScript：

function mainmenu(){$(" #menu-tophorizontalmenu ul ").css({display: "none"}); // Opera Fix $(" #menu-tophorizontalmenu li").hover(function(){
    $(this).find('ul:first').css({visibility: "visible",display: "none"}).show(400);
    },function(){
    $(this).find('ul:first').css({visibility: "hidden"});
    });} $(document).ready(function(){                  
mainmenu();});

另一个问题是箭头。。。箭头需要显示存在子菜单的位置

有什么想法吗

visibility: "visible",display: "none"

这可能自相矛盾。尝试只使用

display:none当您要隐藏和
显示时：块当您想要显示时

很难将其与代码联系起来，因为jQuery返回以下错误：

找不到具有该属性的元素
选择器：“ul:第一”

更新（@11:07 GMT）：

我在这个例子中使用了以下额外的HTML和jQuery-

HTML:

我不得不使用
和
s，因为你的CSS中有一些东西没有显示
s。你应该试着从这个开始，但要整理你的HTML和CSS，这样你就可以用
和
正确地标记它

希望这有帮助

这可能自相矛盾。尝试只使用
display:none当您要隐藏和
显示时：块当您想要显示时

很难将其与代码联系起来，因为jQuery返回以下错误：

找不到具有该属性的元素
选择器：“ul:第一”

更新（@11:07 GMT）：

我在这个例子中使用了以下额外的HTML和jQuery-

HTML:

我不得不使用
和
s，因为你的CSS中有一些东西没有显示
s。你应该试着从这个开始，但要整理你的HTML和CSS，这样你就可以用
和
正确地标记它

希望这有帮助。
对于arrow

$("#menu-tophorizontalmenu ul").closest('li').find('a').prepend('>>'); 

阿罗

$("#menu-tophorizontalmenu ul").closest('li').find('a').prepend('>>'); 

当前情况：

感谢@experitex，Arrows可以正常工作，感谢@Alex Thomas，我们有了下拉列表的解决方案

我发现了一件事。有以下类别：

.TopHorizontalMenu {
        margin: 18px auto 21px;
        overflow: hidden;
        width: 1005px;
        display: block;
    }

如果我删除
溢出
，将使用下拉列表，但幻灯片将移动到页面的右上角。我想我需要另一种选择。
当前情况：

感谢@experitex，Arrows可以正常工作，感谢@Alex Thomas，我们有了下拉列表的解决方案

我发现了一件事。有以下类别：

.TopHorizontalMenu {
        margin: 18px auto 21px;
        overflow: hidden;
        width: 1005px;
        display: block;
    }

如果我删除
溢出
，将使用下拉列表，但幻灯片将移动到页面的右上角。我认为我需要另一种选择。
我认为这是可行的，只是停留在与你的候选人会面上。我认为这是可行的，只是停留在与你的候选人会面上。非常感谢你的回答。我一定会尝试你的建议。谢谢你花时间给我答案。我做了你建议的改变，但还没有成功。嗨，匈奴人，看看我的最新答案。这是你前进的起点。嗨。我检查了你的解决方案，它成功了。我需要更改WordPress核心中的内容，该文件生成此菜单结构。我以后可以做。在此之前，非常感谢您的宝贵帮助。欢迎您@The Hun，如果此解决方案有效，请接受答案。非常感谢您的回答。我一定会尝试你的建议。谢谢你花时间给我答案。我做了你建议的改变，但还没有成功。嗨，匈奴人，看看我的最新答案。这是你前进的起点。嗨。我检查了你的解决方案，它成功了。我需要更改WordPress核心中的内容，该文件生成此菜单结构。我以后可以做。在此之前，非常感谢你的宝贵帮助。欢迎@The Hun，如果这个解决方案有效，请接受答案。感谢你花时间给我答案。我添加了代码行，但还没有成功。@Hun的幻灯片不起作用，我想它起作用了。只需将鼠标悬停在
会见您的候选人
菜单上即可。当然，它会掉下来。不，幻灯片很好用。没问题。子菜单仅适用于@Alex Thomas在上述讨论中提供的解决方案。为此，如果这仍然是唯一的解决方案，我需要更改生成菜单结构的WordPress文件中的内容。直到我添加了你的线条，箭头现在出现了。请参阅我的描述中的链接。谢谢。另一件棘手的事情是，我自己写的css，我今天才意识到，“二十个十”默认WordPress主题支持多级下拉菜单。我真的很难过：）@匈奴人，我想你应该接受@Alex Thomas的回答，并就更改wordpress文件提出另一个问题。那将是最好的我接受了他的回答，但我也感谢你。当我有15个名声时，我会回到这里，也会为你推上箭头。现在菜单工作了。我用了
而不是旧的
。哇这个代码世界。。。我刚从“210”主题中得到启发：）谢谢你花时间给我答案。我添加了代码行，但还没有成功。@Hun的幻灯片不起作用，我想它起作用了。只需将鼠标悬停在
会见您的候选人
菜单上即可。当然，它会掉下来。不，幻灯片很好用。没问题。子菜单仅适用于@Alex Thomas在上述讨论中提供的解决方案。为此，如果这仍然是唯一的解决方案，我需要更改生成菜单结构的WordPress文件中的内容。直到我添加了你的线条，箭头现在出现了。请参阅我的描述中的链接。谢谢。另一件棘手的事情是，我自己写的css，我今天才意识到，“二十个十”默认WordPress主题支持多级下拉菜单。我真的很难过：）@匈奴人，我想你应该接受@Alex Thomas的回答，并就更改wordpress文件提出另一个问题。Tha
.TopHorizontalMenu {
        margin: 18px auto 21px;
        overflow: hidden;
        width: 1005px;
        display: block;
    }