Навигация и случай пропавшего выпадающего

Question

Я создал симпатичное маленькое меню с указателями мыши и выпадающим меню.

Код навигации прост:

        <ul class="menu" id="menu">
        <li><a href="#" class="menulink" id="home">Home</a></li>
        <li><a href="#" class="menulink" id="about">About</a>
            <ul>
                <li><a href="#">Our History</a></li>
                <li><a href="#">Our Process</a></li>
                <li><a href="#">Portfolio</a></li>
                <li><a href="#">Financing</a></li>
                <li><a href="#">Testimonials</a></li>
                <li><a href="#">Subcontractors</a></li>
            </ul>
        </li>
        <li><a href="#" class="menulink" id="portfolio">Portfolio</a></li>
        <li><a href="#" class="menulink" id="maintenance">Maintenance</a></li>
        <li><a href="#" class="menulink" id="testimonials">Testimonials</a></li>
        <li><a href="#" class="menulink" id="contact">Contact Us</a></li>
    </ul>

В изоляции он работает как следует: http://www.rouviere.com/nav/

Тем не менее, когда я ставлю его на место: http://www.rouviere.com/jr/ раскрывающееся меню под О остается скрытым.

Буду признателен за помощь, чтобы выяснить, почему раскрывающееся меню не отображается.

Спасибо.

Answer 1

В строке p=h.getElementsByTagName('a')[0] вы ссылаетесь на ссылку «О программе» по индексу. Это работает на вашей тестовой странице, но на вашей реальной странице есть новый тег привязки на главном логотипе, который идет перед ссылкой About в HTML. Вы должны дать вашей ссылке About атрибут id и ссылаться на него в своем JavaScript.