I made this today. It’s a little CSS-only accordion. It uses the :target selector. The :target selector is rather new. It also has some quirks. It is almost like an onclick without the javascript.

no-js accordion

The thing I find is that the name is being passed through the URL when using this method. This is nice when you want to refresh the page and keep the same item active. But that is also a downside because maybe when you refresh you want everything to reset. In that case, you would need to delete the variable/id out of the URL and then refresh.

But just check it out already!