JSFiddle - React, Tailwind, and code Playground

HTML

<div id="outer">
    <div id="inner">inner content</div>
</div>

JavaScript

console.log("before load: " + $('#outer').height());

$(document).on("buddyFilter:replaced", function (event) {
    console.log("after event: " + $('#outer').height());
    var delay = 1000; //1 seconds

    setTimeout(function () {
        console.log("after forced delay: " + $('#outer').height());
    }, delay);

});



$.ajax({
    url: "http://fiddle.jshell.net/",
    dataType: "html",
    success: function (data) {
        
        $('#inner').fadeOut( 100, function() {
				$(this).html(data);
				$(this).fadeIn(100);
				$( document ).trigger( "buddyFilter:replaced");
			});
    }
});