skip to content

`); } else { // Small item $house.append(` `); } // Show the house first $house.show(); // Stagger the animations slightly setTimeout(() => { $house.css({ opacity: 1, transform: 'translateY(0)', transition: 'opacity 400ms ease-out, transform 400ms ease-out' }); }, index * 50); // 50ms delay between each item // Clean up transition after animation setTimeout(() => { $house.css({ transition: '' }); }, 400 + (index * 50)); }); $('#no-results-message').hide(); $('#house-grid').show(); } else { $('#no-results-message').show(); $('#house-grid').hide(); } } // Rest of the existing event handlers remain the same $('.filter-btn').on('click', function() { var $this = $(this); var filter = $this.data('filter'); if (filter === 'type') { $('.filter-btn[data-filter="type"]').removeClass('active'); $this.addClass('active'); } else { $this.toggleClass('active'); } filterHouses(); }); // Reset filters $('.reset-button').on('click', function(e) { e.preventDefault(); $('.filter-btn').removeClass('active'); $('.filter-btn[data-filter="type"][data-value="all"]').addClass('active'); if (sliderInstance) { sliderInstance.set([25, 300]); } filterHouses(); }); });