Как сделать, чтобы при нажатии на заголовок активной вкладки, вкладка становилась неактивной?

.tab-content__item {
  display: none;
}

.tab-content__item.active {
  display: list-item;
}

.tab-header__item.active {
  color: red;
}

const headerSelector = '.tab-header__item';
const contentSelector = '.tab-content__item';
const activeClass = 'active';


// делегирование, обработчик клика добавляется один раз для всех хедеров;
// контент, соответствующий нажатому хедеру, определяем через равенство data-атрибутов
document.addEventListener('click', e => {
  const header = e.target.closest(headerSelector);
  if (header) {
    const { tab } = header.dataset;
    const toggle = n => n.classList[n.dataset.tab === tab ? 'toggle' : 'remove'](activeClass);
    document.querySelectorAll(headerSelector).forEach(toggle);
    document.querySelectorAll(contentSelector).forEach(toggle);
  }
});

// или, обработчик клика добавляется каждому хедеру индивидуально;
// контент, соответствующий нажатому хедеру, определяем по равенству индексов
const headers = document.querySelectorAll(headerSelector);
const contents = document.querySelectorAll(contentSelector);

headers.forEach(n => n.addEventListener('click', onClick));

function onClick() {
  const index = Array.prototype.indexOf.call(headers, this);
  const toggle = (n, i) => n.classList[i === index ? 'toggle' : 'remove'](activeClass);
  headers.forEach(toggle);
  contents.forEach(toggle);
}