悬停时带有jquery滑动线的两个菜单

Question

我试图在悬停时使用滑动线创建一个Jquery菜单。 我发现了一个名为Magic Line的功能，但如果我只将它应用于一个菜单，它就可以工作。 我需要用滑动线制作两个单独的菜单。 谁能告诉我怎么做？

这是我的代码。

fiddle

menu #1 is B1, B2, B3.

menu #2 is IT / EN

谢谢你！

Answer 1

你的问题在于，看着魔术线功能，只有一条魔术线＆＃34;可以存在。您需要更改功能代码：
1.将魔术线存储在数组对象中 2.检查数组对象存在多少行，然后使用magic-line + idNr
例如this.append("<li><a id='magic-line"+idNr+"'>&nbsp;</a></li>"); 以及id使用的任何地方

之后就这样做： $('.nav_lang').my_magicline();

Answer 2

已修复您的问题，您还没有为其他菜单调用magicline功能。如果你添加这个$(".nav_lang").my_magicline();就行了。

这是工作fiddle