Добавьте строчку в ваш js
var containerEl = document.querySelector('.project__bloks');
var mixer = mixitup(containerEl);
$('.project__nav-item').on('click', function(event) {
if ( parseFloat( $('.project__bloks').css('height') ) > 810 ) {
console.log('lol');
}
console.log( $('.project__bloks').css('height') );
setTimeout(() => console.log( $('.project__bloks').css('height') ), 2000); // <= вот эту строчку
});
И тогда увидите, что когда вы кликнули по кнопке размер один, а через две секунды уже другой. Это так из-за анимации.
Я думаю, вам нужно просто к контейнеру применить стиль типа:
max-height: 600px; overflow: hidden; и при клике на кнопку убирать этот стиль. Что-то другое будет слишком сложным.
Простой
