un menu responsive, W3C valide, avec 4 lignes de javascript et une pincée de css, qui dit mieux ?

On y ajoute quelques effets de transition et le tour est joué :
.topnav{ height : auto; transition: .5s ease-in;}
.topnav > a { display: block; overflow: hidden;}
.topnav:not(responsive) > a {max-height: 0;transition: .5s ease-in;}
.topnav.responsive > a {max-height: 20px; transition: .5s ease-in;}