Как быстро скрыть большое количество элементов?
Вам не нужно каждый элемент в отдельности скрывать. Добавьте к body класс .hide_childs, а в CSS правило:body.hide_childs .order_item{
  display: none;
}
Лаги у вас из-за проблемы jQuery и его долгой отработки DOM'а. Если бы вы ванильный JS использовали, возможно, каждый элемент и можно было бы скрыть.
Предлагаю сразу в документе нужным элементам прописать класс to_hide. Само определение класса сделать по ходу выполнения, когда надо скрыть элементы:$('body').append('<style>.to_hide{display:none}</style>')
Фишка в том, что тут нет медленной операции выборки прорвы элементов, класс to_hide с самого начала прописан элементам!
P.S.: Сначала я решил прописать класс order_item прямо в HTML в <style>...</style>, а потом регулярным выражение добавлять в описание класса display:none. Даже написал сюда такой ответ, но потом до меня дошло, что этот гемор не нужен, а лучше сделать это отдельным классом.