Guardar valor del anterior clic

[ArturoGallegos]

Justo lo acabo de hacer para un sitio hace unos dias, espero te sirva de ayuda

Código HTML:

<button class="btns" data-id="s1">Link 1</button>
<button class="btns" data-id="s2">Link 2</button>
<button class="btns" data-id="s3">Link 3</button>
 
<main>
  <section id="s1" class="active">Seccion 1</section>
  <section id="s2">Seccion 2</section>
  <section id="s3">Seccion 3</section>
</main>
 

Código Javascript:

const btns = document.querySelectorAll('.btns');
 
btns.forEach(element => {
  element.addEventListener('click', ({ currentTarget }) => {
    const id = currentTarget.getAttribute('data-id');
    document.querySelector('main .active').classList.remove('active');
    document.getElementById(id).classList.add('active');
  });
});
 

Código CSS:

section
  display: none
  &.active
    display: block