Formatting date-based archives: dates as tabbed links

I’ve been going slightly crazy Googling to try and find a solution to this, but ultimately I’m coming up short handed. I’m trying to create a date-based archive that lists yearly archives, followed by the associated monthly archives when a particular year is selected. The monthly posts for unselected years should not appear.

These archive pages are essentially the kind of thing I am looking to create:

https://veerle.duoh.com/blog/archives/ (Expression Engine)
https://www.larissameek.com/archives/ (WordPress)

There doesn’t necessarily need to be Javascript involved; the links could link to their own yearly/monthly pages so long as they keep the same visual format.

I’m certain there must be an easy and obvious solution to this but I’m not seeing it. Any help you could provide would be much appreciated. Thanks in advance!