Hide div without giving Reload

Question

Good afternoon, I need to make a click Function without the browser being updated

 const show = document.querySelectorAll('.show_button')
 const selector = document.querySelector('.information')

   for (let bottom of show) {
     bottom.addEventListener("click", function(){
      selector.classList.add('hidden')
       location.reload(false)
      })
  }



       <div class="mostrar">
            <div class="ingredients">
                <h2>Modo de Preparo</h2>             
            </div>
            <div class="show_button">
                <button id="meu_botao" class='handle-div' type="button">ESCONDER</button> 
                <button id="meu_botao" class='handle-div' type="button">MOSTRAR</button>  
            </div>
        </div>

However each comes that I click to hide the DIV, it is giving re-load the page. I’m using Firefox and as back-end Node.js, I don’t know if this influence