JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content-box">
    <h1 class="content-box-header">HEADER</h1>
    <div class="content-box-content">
        blah blah blah blah
        blah blah blah blah
        blah blah blah blah
        blah blah blah blah
        blah blah blah blah
        blah blah blah blah
    </div>
</div>

<div id="divleft">
    left left left left
        left left left left
        left left left left
        left left left left
        left left left left
        left left left left
        left left left left
</div>

JavaScript

$('.content-box-header').click(function () {     $(this).closest('.content-box').children('.content-box-content').slideToggle(2000);
});

$('#divleft').live('click', function (e) {
    runTaskAfterAnimation()
});

function runTaskAfterAnimation() {
    if ($('.content-box-content').queue('fx').length == 0) {
        alert('hi!');
    } else {
        setTimeout(runTaskAfterAnimation, 10);
    }
}