handling the same toggle from 2 different sources for a mobile dropdown menu (burger-close icons)

I cannot find a way to have the burger icon and the close icon in 2 different places and work properly, I am not looking for a transform animation. All I want to do is control the same toggle from both the burger as well as the close icons (note that one clicking one icon hides it self and makes the other visible. Is that possible without the use of JavaScript? I don't really mind having some script brackets, ideally I would like it to be pure html/css

How many English words
do you know?
Test your English vocabulary size, and measure
how many words do you know
Online Test
Powered by Examplum