尝试将下拉菜单添加到复杂的导航栏

Question

我的任务是修改一个网站。我是一名志愿者，我有一些网络开发经验。我正在尝试在导航栏中添加下拉菜单。从我发现的例子（更简单的）我无法想出下面代码的解决方案。有任何想法吗？如果您需要我可以提供的其他来源。例如css，这样你就可以在Liveweaver或类似的东西中进行可视化。

<header>
            <div class="divLink" id="divLogo"><!-- Open divLogo -->
                <a id="navLogo" href="../Home/"><img src="../Pictures/logo.png" height="50px" width="43px"></a>
            </div><!-- Close divLogo -->
            <div class="divLink"><!-- Open divHome -->
                <a id="navLink" href="../Home/">Home</a>
            </div><!-- Close divHome -->
            <div class="divLink"><!-- Open divLink -->
                <a id="navLink" href="../Volunteering/">Volunteering</a>
            </div><!-- Close divLink -->
            <div class="divLink"><!-- Open divLink -->
                <a id="navLink" href="../CommunityGroups/">Community Groups</a>
            </div><!-- Close divLink -->
            <div class="divLink"><!-- Open divLink -->
                <a id="navLink" href="../SocialEnterprise/">Social Enterprise</a>
            </div><!-- Close divLink -->
            <div class="divLink"><!-- Open divLink -->
                <a id="navLink" href="../CommunityPlanning/">Community Planning</a>
            </div><!-- Close divLink -->
            <div class="divLink"><!-- Open divLink -->
                <a id="navLink" href="../Downloads/">Downloads</a>
            </div><!-- Close divLink -->
            <div class="divLink"><!-- Open divLink -->
                <a id="navLink" href="../About/">About Us</a>
            </div><!-- Close divLink -->
            <div class="divLink"><!-- Open divLink -->
                <a id="navLink" href="../Contact/">Contact Us</a>
            </div><!-- Close divLink -->
            <div tabindex="0" class="navMenu"><span></span>
                <ul>
                    <a onclick="location.href='../Home/'"><li>Home</li></a>
                    <hr>
                    <a onclick="location.href='../Volunteering/'"><li>Volunteering</li></a>
                    <hr>
                    <a onclick="location.href='../Volunteering/Under25.html'"><li>Volunteering Under 25</li></a>
                    <hr>
                    <a onclick="location.href='../CommunityGroups/'"><li>Community Groups</li></a>
                    <hr>
                    <a onclick="location.href='../SocialEnterprise/'"><li>Social Enterprise</li></a>
                    <hr>
                    <a onclick="location.href='../CommunityPlanning/'"><li>Community Planning</li></a>
                    <hr>
                    <a onclick="location.href='../Downloads/'"><li>Downloads</li></a>
                    <hr>
                    <a onclick="location.href='../About/'"><li>About Us</li></a>
                    <hr>
                    <a onclick="location.href='../Contact/'"><li>Contact Us</li></a>
                </ul>
            </div>
        </header>