특정 하위 메뉴에서 작동하는 Javascript가 아닌 다른 하위 메뉴에서 작동합니까?

Question

http://anderson.snappywash.com/으로 가면 멋진 사이트임을 알 수 있습니다. 탐색 하위 메뉴가 작동하는 것처럼 보일지 만, 요소를 검사하면 PRICING 탭 아래에 표시되지 않는 다른 호출자와 동일한 호출 동작을 수행하는 하위 메뉴가 있음을 알 수 있습니다. 특히, 당신이 그들을 발견하고 너무 다른 사람을 볼 수 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

나는이 사이트를 살펴 봤는데 이것은 내가 본 것입니다. 당신이에 showDD 및 hideDD에 대한 호출을 왼쪽처럼

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

것 같다 다음은 작동하지 않는 메뉴 항목의 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의 항목이 작동하지 않습니다.

Answer 2

의 차이 (예 : 행 58 :

<a href="zoompass.cfm"> 
 
    <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" /> 
 
</a>

하지만 가격 이미지에 당신이에서 일하고있는 요소의 onMouseover와의 showDD을 요구하고 있다는 점이다

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