Verwenden Sie jQuery, um die Liste zu erweitern / zu reduzieren - Probleme

Ich versuche eine Blog-Archivliste zu erstellen, die alle Artikel nach Jahr und Monat anzeigt (was ich mit PHP / MySQL gemacht habe)

Jetzt versuche ich es so zu machen, dass beim Laden der Seite alle Jahre zusammengebrochen werden, mit Ausnahme des letzten Jahres / Monats und auch, dass jeder bei Klick einbricht / expandiert.

Im Moment öffnet oder schließt meine jQuery-Klickfunktion alle li-Elemente und nicht nur das, auf das ich klicke. Ich bin immer noch ziemlich neu in jQuery, also bin ich mir nicht sicher, wie ich den Listenbereich, auf den ich klicke, beeinflussen kann.

Jede Hilfe wäre großartig!

Hier ist mein Code soweit (die Liste wird aus PHP / MySQL-Schleifen generiert)

Und hier ist die jQuery so weit:

Ich habe mit $ experimentiert (". archive_month ul: gt (0)"). hide (); aber es hat nicht wie erwartet funktioniert, es würde das offene und geschlossene umschalten.

Irgendwelche Hilfe / Gedanken?

Auch hier ist eine Geige für Live-Beispiel: Ссылка