pop up menü verschwindet nicht

[mavc]

Guten Abend in die Runde...
Ich habe folgendes Problem: in meinem vertikalen Menü habe ich zwei Unterpunkte, die nur erscheinen sollen, wenn der dazugehörige Oberpunkt aktiv ist. Also ein klassisches pop up Menü nach meinem Verständnis. Nur bleiben die Unterpunkte immer stehen und verschwinden nie und ich weiss nicht, wie ich das in CSS definieren kann. Kann mir jemand mit dem Code weiterhelfen? Ist mein erstes pop up.... Die ganze Seite findet ihr unter Jungnischke - Ingenieurbüro für Automation und Antriebstechnik
Der Oberpunkt ist "Lösungen", die Unterpunkte heissen "Automation" und Antrieb".

Hier das html:.

<div id="vertical_menu">
  <ul id="vertnavlist">
       <li id ="active"><a href="index.html" id="current">Antriebstechnik</a></li>
        <li><a href="automation.html">Lösungen</a></li>
           <ul id="subnavlist">
        <li id="subactive"><a href="automation.html" id="subcurrent">Automation</a></li>
        <li><a href="antriebe.html">Antriebe</a></li>
           </ul>
    <li><a href="demontage.html">Industriedemontage</a></li>
    <li><a href="Ingenieurbuero.html">Ingenieurbüro</a></li>
    <li><a href="kontakt.html">Kontakt</a></li>
    <li><a href="impressum.html">Impressum</a></li>
    </ul></div>

Und hier kommt das CSS:

#vertical_menu{
    float: left;
    width: 210px;
    margin-top: 5px;
    margin-left: 10px;
    
}
#vertnavlist{
    list-style: none;
    margin-top: 10px;
    padding: 0.25em;
    font-weight: bold;
    font-size: 12px Verdana, sans-serif;
    text-decoration: none;
    line-height: 22px;
        
}

#vertnavlist li {list-style: none;}
#vertnavlist li a {color: #00726c; text-decoration: none;}
#vertnavlist li a:link { color: #00726c; }
#vertnavlist li a:visited { color: #00726c; }
#vertnavlist li a:hover{color: #999;}
#vertnavlist li a#current {color: #999;}

#subnavlist li a#subactive:hover { display: block; }
#subnavlist li a#subactive { display: none; }

Danke für die Hilfe!
mavc

 

[giftedify]

Verstecken kannst du sie mit

#subnavlist {
    display: none;
}

Müsstest dann allerdings der Unternavigation in automation.html und antriebe.html eine andere ID zuweisen. Beispielsweise

<ul id="activesubnavlist">
    <li id="subactive">
        <a id="subcurrent" href="automation.html">Automation</a>
    </li>
    <li>
        <a href="antriebe.html">Antriebe</a>
    </li>
</ul>

und dann per CSS

#activesubnavlist{
    display: block;
}

->display

 

[mavc]

Giftedify - Du weisst gar nicht, wie sehr Du mir geholfen hast! DANKE! Alles perfekt jetzt!
Gruß
mavc