Jquery 如何在一个页面中使用jkmegmenu两次，一次用于Slidedown，另一次用于Slideup

我需要在一个页面中使用两个slidemenu，一个向下滑动，一个向上滑动，我使用的是jkmegamenu，但我不知道如何使用同一个插件两次，只需在顶部位置做一个小的更改，所以我创建了两个.js文件，如下所示：

<script type='text/javascript' src='script/jquery-1.5.1.min.js'></script>   
<script type='text/javascript' src='script/jkmegamenu.js'></script>
<script type='text/javascript' src='script/jkmegamenuup.js'></script>
<script type="text/javascript">
    jkmegamenu.definemenu("mega-product-trigger", "mega-product", "mouseover");
    jkmegamenuup.definemenuup("mega-product-bottom-trigger", "mega-product-bottom", "mouseover");
</script>

并更改了函数名（我为每个函数名添加了单词“up”，并相应地更改了调用函数的其他代码），但我似乎无法使slideup正常工作（当它悬停时，不会发生任何事情），并且我的错误控制台中也没有错误。任何使两个js协同工作的帮助或使两个slideup和slidedown协同工作的解决方法都将受到赞赏

---

另外，我是jQuery新手。

您不需要创建单独的文件。您只需使用新ID调用

definemenu

如果查看

definemenu

函数

function(anchorid, menuid, revealtype)

anchorid

是要在其上显示鼠标悬停事件的元素的id，以显示菜单下拉列表。

menuid

是悬停在锚上时显示的元素的id。

revealtype

可以单击或鼠标悬停

比如说 当我想将鼠标悬停在“show Me”上时，我想显示一个下拉列表，我的代码如下所示：

<div id="anchorid">Show Me
<div id="menuid">
Content for the drop down
</div>
</div>

给我看看
下拉列表的内容

这是megamenu的基本设置。现在，如果需要多个MegaMenu，只需更改anchorid和menuid即可

<div id="anchorid">Show Me
<div id="menuid">
Content for the drop down
</div>
</div>