Javascript 显示所有选项卡内容

我如何更改javascript代码，当我单击“绿色”时，我希望显示所有选项卡中的内容

“严格使用”；
函数选项卡（）{
var bindAll=函数（）{
var menuElements=document.querySelectorAll（“[data tab]”）；
对于（变量i=0；i看看这个：

'use strict';

function Tabs() {
  var bindAll = function() {
    var menuElements = document.querySelectorAll('[data-tab]');
    for(var i = 0; i < menuElements.length ; i++) {
      menuElements[i].addEventListener('click', change, false);
    }
  }

  var clear = function() {
    var menuElements = document.querySelectorAll('[data-tab]');
    for(var i = 0; i < menuElements.length ; i++) {
      menuElements[i].classList.remove('active');
      var id = menuElements[i].getAttribute('data-tab');
      document.getElementById(id).classList.remove('active');
    }
  }

  function makeAllActive() {
    var tabs = document.querySelectorAll('.b-tab');
    Array.from(tabs).map(item => {
      item.classList.add('active');
    });
  }

  var change = function(e) {
    clear();
    e.target.classList.add('active');
    var id = e.currentTarget.getAttribute('data-tab');
    if(id === "green") {
      makeAllActive();
      return;
    }
    document.getElementById(id).classList.add('active');
  }

  bindAll();
}

var connectTabs = new Tabs();

“严格使用”；
函数选项卡（）{
var bindAll=函数（）{
var menuElements=document.querySelectorAll（“[data tab]”）；
对于（变量i=0；i{
item.classList.add（'active'）；
});
}
变量变化=功能（e）{
清除（）；
e、 target.classList.add（'active'）；
var id=e.currentTarget.getAttribute（'data-tab'）；
如果（id=“绿色”）{
makeAllActive（）；
返回；
}
document.getElementById（id）.classList.add（'active'）；
}
bindAll（）；
}
var connectTabs=新选项卡（）；