有3个容器类

两个退出按钮可在各自的容器中查看，单击后，它们会将您带到不同的容器。

<div class="container1"></div>
<div class="container2 hide"></div>
<div class="container3 hide"></div>

我正在编写的代码。
如何写得更好？
如何改进？
https://jsfiddle.net/an23j14r/

function exitClickHandler(e) {
    if (e.target.classList.contains("exit")) {
      document.querySelector(".container2").classList.add("hide");
      document.querySelector(".container3").classList.add("hide");
      document.querySelector(".container1").classList.remove("hide");
      console.log('Page1');
    }
    if (e.target.classList.contains("exitPage2")) {
      document.querySelector(".container1").classList.add("hide");
      document.querySelector(".container3").classList.add("hide");
      document.querySelector(".container2").classList.remove("hide");
      console.log('Page2');
    }
    if (e.target.classList.contains("exitPage3")) {
      document.querySelector(".container2").classList.add("hide");
      document.querySelector(".container1").classList.add("hide");
      document.querySelector(".container3").classList.remove("hide");
      console.log('Page3');
    }
    window.scrollTo(0, 0);
  }

下面是退出按钮，它们转到它们在代码中所转到的相应CSS类。
你可以点击一个按钮，它会把你带到一个特定的CSS类/页面。
有3个容器类，当点击2个按钮中的1个时，2个容器类应隐藏，其中1个可见。

<div class="container1">
       <button class="exit exitpPage2" type="button"></button>
       <button class="exit exitpPage3" type="button"></button>
    </div>
    <div class="container2 hide">
       <button class="exit" type="button"></button>
       <button class="exit exitpPage3" type="button"></button>
    </div>
    <div class="container3 hide">
       <button class="exit" type="button"></button>
       <button class="exit exitpPage2" type="button"></button></div>

当点击按钮时，每个容器/页面将被取消隐藏，而其他容器/页面将保持隐藏。
当点击.container1附带的退出按钮时，.container2和.container3应隐藏。
当点击.container2附带的退出按钮时，.container1和.container3应隐藏。
点击.container3附带的退出按钮时，.container2和.container1应隐藏。

下面是我的代码示例：

第一个