Помогите развернуть меню по умолчанию

[mr.Elias]

Друзья, подскажите пожалуйста что изменить в этих двух скриптах чтобы при загрузке страницы меню было развернуто, а не свернуто по умолчанию

function(e, first) {
  e.preventDefault();
  $('+ ul', $(this).parent()).slideToggle(first ? 0 : 400);
  $(this).parent().toggleClass('active');
  $(this).html($(this).parent().hasClass('active') ? "<span>-</span>" : "<span>+</span>");
  return false;
}

function(e) {
  if ($(e.target).is($('.journal-search input'))) {
    return;
  }
  $('.journal-header-compact .journal-search').removeClass('search-on-top');
  $('.journal-header-compact .journal-search input').hide();
  $('.journal-header-compact .button-search button').css('pointer-events', 'none');
  window['__searchIsOpened'] = false;
}

Меню слева, вот сайт

 

[chesterOk2008]

Не нужно для этого править скрипт, поправь html, как-то так

<li>
    <a href="https://outdoorsportsusa.com/AR-KITS" class="active">
        <span class="category-name">AR Carbine/Pistol Kits</span>
        <i><span>+</span></i>
    </a>
    <ul style="display: block;">
        <li>...</li>
    </ul>
</li>

 

[mr.Elias]

css только можно, в html не хочу ничего менять
какие есть еще варианты?

 

[chesterOk2008]

можно попробовать добавить триггер эмуляции клика после загрузки страницы

document.querySelector("#id1").click();

где #id1 заменить на класс элемента по которому кликаем, в данном случае это иконка +

 

[mr.Elias]

можно попробовать добавить триггер эмуляции клика после загрузки страницы

document.querySelector("#id1").click();

где #id1 заменить на класс элемента по которому кликаем, в данном случае это иконка +

Подскажите куда это вставить, поскольку иконка "+" указана в моем первом посте в коде первого скрипта, строка номер 5

$(this).html($(this).parent().hasClass('active') ? "<span>-</span>" : "<span>+</span>")