JSFiddle - React, Tailwind, and code Playground

by raphaelwilker

HTML

<div>
  <span class='mobile-nav menu-btn'>menu</span>
</div>
<div class="nav-mobile">
  <a href="javascript:void(0)" class="close-btn">+</a>
  <div class="overlay-content">
    <a href="#home" class="link-nav-mobile go-to">Home</a>
    <a href="#janelas-casacor" class="link-nav-mobile go-to">Janelas CasaCor</a>
    <a href="#ambientes" class="link-nav-mobile go-to">Ambiente LG</a>
    <a href="#produtos-projeto" class="link-nav-mobile go-to">Produtos do Projeto</a>
    <a href="#demais-ambientes" class="link-nav-mobile go-to">Demais Ambientes</a>
    <a href="#loja-online-lg" class="link-nav-mobile go-to">Loja online LG</a>
  </div>
</div>

CSS

.nav-mobile{
  display: none;
}

.nav-mobile.open{
  display: block;
}

JavaScript

$('.close-btn,.mobile-nav,.link-nav-mobile').click(function(){
	$('.nav-mobile').toggleClass('open');  
});