Расширяемые вкладки JavaScript открываются при загрузке страницы... нужно, чтобы они были закрыты

У меня есть скрипт, который показывает список вкладок/кнопок. При нажатии на вкладку она разворачивается (отображается больше содержимого) и справа отображается изображение. Если щелкнуть другую вкладку, новая вкладка развернется, а другая закроется.

У меня возникла проблема с закрытием всех вкладок, когда пользователь переходит на эту страницу, но я хочу, чтобы все вкладки закрывались ТОЛЬКО в том случае, если JavaScript видит родительский тег div с определенным классом (т. е. если div с классом tabsleft-container имеет другой класс называется firsttabopen).

Я установил условие в конце JavaScript..., чтобы проверить, существует ли класс (проверяет div с помощью tabsleft-container, чтобы узнать, существует ли класс firsttabopen). Если класс irsttabopen существует, он должен запустить последнюю строку changeTab (открывающую первую вкладку)... но если класс не существует, все вкладки должны быть закрыты при загрузке страницы. Однако условие не работает. Предполагается, что класс firsttabopen существует и всегда выполняет строку changeTab...

Примечание. Для этого JavaScript написал кто-то другой, и мои знания JavaScript очень ограничены.

JavaScript находится здесь:

$(document).ready(function () {
  const firstmenucontents = $(".tabsleft-container");

  firstmenucontents.each((index, firstmenucontent) => {
    const copy = $(firstmenucontent).find(".bannerpane img").clone();
    copy.css("visibility", "hidden");
    $(firstmenucontent).find(".bannerpane-container").append(copy);

    let selecteditem = 0;

    let textpaneItemIndex = -1;
    const changeTab = (index, item) => {
      var delay = 300;

      if (window.innerWidth < 980) {
        delay = 800;
      }
      if (textpaneItemIndex !== index) {
        if (textpaneItemIndex !== -1) {
          $(firstmenucontent)
            .find(".textpane-item-container")
            .eq(textpaneItemIndex)
            .children(".textpane-subitem")
            .slideUp(delay);
          $(firstmenucontent)
            .find(".textpane-item-container")
            .eq(textpaneItemIndex)
            .removeClass("clicked");
          $(firstmenucontent)
            .find(".textpane-item-container")
            .eq(textpaneItemIndex)
            .children(".textpane-item")
            .children("img")
            .css("transform", "");
          $(firstmenucontent)
            .find(".bannerpane")
            .eq(textpaneItemIndex)
            .removeClass("bannerpane-animation");
        }
        $(firstmenucontent)
          .find(item)
          .children(".textpane-subitem")
          .slideDown(delay);
        $(firstmenucontent).find(item).addClass("clicked");
        $(firstmenucontent)
          .find(".bannerpane")
          .eq(index)
          .addClass("bannerpane-animation");
        textpaneItemIndex = index;

        $(firstmenucontent)
          .find(item)
          .children(".textpane-item")
          .children("img")
          .css("transform", "rotate(-180deg)"); // Corrected typo herea
      }
    };
    $(firstmenucontent)
      .find(".textpane-item-container")
      .each((index, item) => {
        $(firstmenucontent)
          .find(item)
          .click(() => {
            changeTab(index, item);
            selecteditem = index;
          });
      });

        if ($(firstmenucontents).hasClass('firsttabopen')) {
    changeTab(0, $(firstmenucontent).find(".textpane-item-container").eq(0));
}
  });
});

Итак, я изменил classList на hasClass... и это работает... ОДНАКО, если есть два экземпляра tabsleft-container... и только один содержит класс firsttabopen... тогда он запускает приведенный выше код, и первая вкладка расширяется на всех наборах этого кода (он видит один экземпляр и запускает его на всех). Мне нужен код для запуска changeTab только на ДЕТЯХ элемента div, у которого есть класс firsttabopen. Итак, я попробовал следующее...

   if ($(firstmenucontents).hasClass('firsttabopen')) {
        changeTab(0, $(firstmenucontent).find(".firsttabopen")
                  .children("textpane-item-container").eq(0));
    }

Я полагал, что как только он найдет элемент, у которого есть firsttabopen... он найдет firsttabopen, получит дочерний элемент textpane-item-container и затем откроет его (eq(0)).

Но это не работает.

Вот ссылка на полный код в CodePen: https://codepen.io/jabbmonkey/pen/eYoXJao