用于导航的 Javascript 在某些子菜单上工作，但在其他子菜单上不起作用？

Question

如果你去http://anderson.snappywash.com/ ，您会发现这是一个漂亮的网站。导航子菜单似乎可以正常工作，但是如果您检查元素，您会看到在定价选项卡下，有一些子菜单遵循确切的调用操作，而其他子菜单没有显示。具体来说，在 div#Price_links 下你会找到它们，你也会看到其他的(即:清洗链接、关于链接等)它们正在使用这个 JS:

function showDD(id) {
var element = id + "_links";
document.getElementById(element).style.display = "block";
}

function hideDD(id) {
var element = id + "_links";
document.getElementById(element).style.display = "none";
}

为什么不显示定价下的链接？

它们在调用方面与正在显示的其他子菜单遵循完全相同的“设置”。我已经在这个问题上绞尽脑汁了一段时间，但似乎无法弄清楚。有任何想法吗？有人吗？

Answer 1

我查看了该网站，这就是我所看到的。

这是工作项的 HTML:

<img src="images/nav/unlimited.png" onmouseover="this.src='images/nav/unlimited_ov.png'; showDD('Wash');" onmouseout="this.src='images/nav/unlimited.png'; hideDD('Wash');" border="0">

这是无效菜单项的 HTML:

<img src="images/nav/pricing.png" onmouseover="this.src='images/nav/pricing_ov.png';" onmouseout="this.src='images/nav/pricing.png';" border="0">

似乎您在不起作用的元素中遗漏了对 showDD 和 hideDD 的调用。