Ich verstehe den Umgang mit der Pseudoklasse target nicht 2

Hallo, wie schon im Titel beschrieben, verstehe ich nicht, wie ich mit der Pseudoklasse Target umgehen muss. Ich habe versucht ein Aufklappmenü zu erstellen. Das ging leider völlig daneben. Hier im Seminar existiert eine Anleitung dazu: https://www.html-seminar.de/toggle-menue-ohne-javascript.htm Die habe ich nachgebaut und das funktionierte auch einwandfrei. Bei meinem eigenen Projekt funktioniert leider gar nichts. :(
Kommentar abgeben zu diesen Beitrag/Code ?
Dann hier klicken

Der hier verwendete Code

<style> nav{ display: none; } #aufklapp_auf:target ~ a ~ nav{ display: block; } #aufklapp_zu:target ~ nav{ display: none; } </style> <body> <a href="#aufklapp_zu" id="aufklapp_auf" class="zu">Zu</a> <a href="#aufklapp_auf" id="aufklapp_zu" class="auf">Auf</a> <nav id="menue"> <li><a>Link 1</a></li> <li><a>Link 2</a></li> <li><a>Link 3</a></li> </nav> </body>