Потому что итемы блока tab_content1 при загрузке страницы активны оба. Скройте их .tabs_item1 { display:none } и первому активному добавляйте соответствующий класс показа .tabs_item1.active {display: block}
В инспекторе последите за селектором mainNav.
Появляется промежуточный класс collapsing до класса show, и если тыкать пока не появился show, то и возникает данная проблема.
Проще вообще не юзать данный бустраповский функционал, а тупо на гамбургер повесить свою открывашку, делов на 5 секунд
Загрузка происходит у вас нормально, без аякса, тупеж у вас из-за огроменного кол-ва опшенов в select (кол-во товаров), соответственно, чем больше позиций товара в корзине, то и умножайте ваше и без того большое кол-во опшенов на кол-во позиций товара.
Конечно всё тупит.
Надо вызывать метод закрытия модалки (смотрите в документации к модали), а не скрывать ее методами jquery в css
Что-то вроде $('.modal').modal('close');