HTML, CSS and JS variation of menu part of Dave Gray's Tailwind tutorial
Version using is_open dummy CSS class and toggling it in classlist of mobile menu elements in Javascript code. Also uses :not pseudo-class in CSS. Also uses single menu nav for regular and mobile menu.
Dummy Page
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem dolorem porro alias maiores iure officiis excepturi eos numquam recusandae, in quasi exercitationem nemo fuga labore similique sapiente quaerat accusantium quod!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem dolorem porro alias maiores iure officiis excepturi eos numquam recusandae, in quasi exercitationem nemo fuga labore similique sapiente quaerat accusantium quod!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem dolorem porro alias maiores iure officiis excepturi eos numquam recusandae, in quasi exercitationem nemo fuga labore similique sapiente quaerat accusantium quod!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem dolorem porro alias maiores iure officiis excepturi eos numquam recusandae, in quasi exercitationem nemo fuga labore similique sapiente quaerat accusantium quod!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem dolorem porro alias maiores iure officiis excepturi eos numquam recusandae, in quasi exercitationem nemo fuga labore similique sapiente quaerat accusantium quod!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem dolorem porro alias maiores iure officiis excepturi eos numquam recusandae, in quasi exercitationem nemo fuga labore similique sapiente quaerat accusantium quod!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem dolorem porro alias maiores iure officiis excepturi eos numquam recusandae, in quasi exercitationem nemo fuga labore similique sapiente quaerat accusantium quod!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem dolorem porro alias maiores iure officiis excepturi eos numquam recusandae, in quasi exercitationem nemo fuga labore similique sapiente quaerat accusantium quod!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem dolorem porro alias maiores iure officiis excepturi eos numquam recusandae, in quasi exercitationem nemo fuga labore similique sapiente quaerat accusantium quod!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem dolorem porro alias maiores iure officiis excepturi eos numquam recusandae, in quasi exercitationem nemo fuga labore similique sapiente quaerat accusantium quod!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem dolorem porro alias maiores iure officiis excepturi eos numquam recusandae, in quasi exercitationem nemo fuga labore similique sapiente quaerat accusantium quod!