Menu navbar Galerie

Bonjour,

j'ai un menu avec plusieurs liens, chacun de ces derniers dispose d'un liens href vers son bloc correspondant, (liens genre des boutons quoi pour naviguer) et je dispose de ce code JS pour effectuer le changement de bloc lors du clic sur un lien mais il me semble pas bien marcher :

JS :

(function() {
  wdgGalerie = function (sClassBt, sClassActive) {
    this.oLast = null;
    this.sClassActive = null;
    this.show = function(oEvent){
      var oBt = oEvent.currentTarget, oElem ;
      oEvent.stopPropagation();
      oEvent.preventDefault();
      if(this.oLast){
        this.oLast.classList.remove(this.sClassActive);
        oElem = document.getElementById(this.oLast.hash.replace('#',''));
        if(oElem){
          oElem.classList.remove(this.sClassActive);
        }
      }
      this.oLast = oBt;
      oBt.classList.add(this.sClassActive);
      oElem = document.getElementById(oBt.hash.replace('#',''));
      if(oElem){
        oElem.classList.add(this.sClassActive);
      }
    };

    init.call(this,sClassBt, sClassActive);
  } 
  function init (sClassBt, sClassActive){ 
    if(!sClassBt || !sClassActive){
       throw "Parameter invalid";
    }
    var aBts = document.getElementsByClassName(sClassBt);
    this.sClassActive = sClassActive;
    for(var i = 0; i< aBts.length;i++){
      aBts[i].addEventListener('click', this.show.bind(this));
      if(aBts[i].classList.contains(this.sClassActive)){
        this.oLast=aBts[i];
      }
    }
  }
})();
document.addEventListener('DOMContentLoaded',function(){
  new wdgGalerie("bt_galerie","active"); 
});

HTML --------------------------------------------

<!------------------------- SECTION PAGE GALERIE ------------------------------>
                    
     <section data-anchor="Page 3" class="page-3">
      <div id="bloc_galerie">
                            <div id="texte_menu">
                                <div id="texte">
                                    <h2>Notre Galerie</h2>
                                </div>
                                <div id="menu">
                                    <img src="Images/Ligne_sep.png" alt="">
                                    <a href="#bloc_salon" style="margin-left:100px;" class="active bt_galerie">Salon</a>
                                    <a href="#bloc_coiffure" class="bt_galerie">Coiffure</a>
                                    <a href="#bloc_esthetique" class="bt_galerie">Ésthétique</a>
                                    <a href="#bloc_beaute" class="bt_galerie">Beauté</a>
                                    <img src="Images/Ligne_sep.png" style="margin-right: 20px;" alt="">
                                </div>
                            </div>
                            <div id="bloc_images" class="">
                                <div id="bloc_salon" class="tab active">
                                    <img src="Images/Photo1.jpg" alt="">
                                    <img src="Images/Photo2.jpg" alt="">
                                    <img src="Images/Photo3.jpg" alt="">
                                    <img src="Images/Photo4.jpg" alt="">
                                    <img src="Images/Photo5.jpg" alt="">
                                </div>
                                <div id="bloc_coiffure" class="tab">
                                    <p>HELLOOOOOOOOOOOOO</p>
                                </div>
                                <div id="bloc_esthetique" class="tab">
                                    <p>HELLOOOOOOOOOOOOO</p>
                                </div>
                                <div id="bloc_beaute" class="tab">
                                    <p>HELLOOOOOOOOOOOOO</p>
                                </div>
                            </div>
                        </div>
     </section>

Merci de votre aide,

cordialement.