Как изминить display: flex на display: none при загрузки сайта?

Question

[Beelzebub532]

Здравствуйте использую кастомную версию gTranslate пытаюсь изменить меню что бы вывадилось через display:flex; но когда я заливаю стиль display:flex; он используется сразу, можете помочь в чем проблема я думаю это в jquery скрипте.
Сам скрипт: https://pastebin.com/tqkQiKB1

Comments

[Danny Arty]

код в песочницу закиньте пожалуйста и ссылку сюда

[Александр Шипин]

Ваш ничто не мешает привязать сначала display: none, а уже после загрузки сайта и/или любого действия, там где нужно, сделать display: flex

[Beelzebub532]

Danny Arty, https://codepen.io/Beelzebub532/pen/abEppBo

[Danny Arty]

Beelzebub532, чет я тупой неправильно как-то задание прочитал. Правильно ли я понимаю, что нужно при загрузке сайта не показывать меню, а при нажатии на какую-то кнопку отобразить его со свойством display: flex?

[Beelzebub532]

Danny Arty, своими силами сделал, спасибо))

Answer 1

[ArturMavlidov]

Не совсем понял, что именно тебе нужно. Если именно изменить display: flex на display: none при загрузке сайта, то в скрипте:
document.addEventListener('DOMContentLoaded', () => {
element.style.display = 'none';
})