Fade Content During Refresh

This example will fade (in / out) the template content during refresh. This code can go into your theme’s header.php file. or within a custom javascript file.

<script>
(function($) {
    $(document).on('facetwp-refresh', function() {
        $('.facetwp-template').animate({ opacity: 0 }, 1000);
    });
    $(document).on('facetwp-loaded', function() {
        $('.facetwp-template').animate({ opacity: 1 }, 1000);
    });
})(jQuery);
</script>