JSFiddle - React, Tailwind, and code Playground

by PangbornIdentity

HTML

<input type="button" onclick="puff();" value="Puff" />
<div id="popup" style="display:none;">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae velit
        at velit pretium sodales. Maecenas egestas imperdiet mauris, vel elementum
        turpis iaculis eu. Duis egestas augue quis ante ornare eu tincidunt magna
        interdum. Vestibulum posuere risus non ipsum sollicitudin quis viverra
        ante feugiat. Pellentesque non faucibus lorem. Nunc tincidunt diam nec
        risus ornare quis porttitor enim pretium. Ut adipiscing tempor massa, a
        ullamcorper massa bibendum at. Suspendisse potenti. In vestibulum enim
        orci, nec consequat turpis. Suspendisse sit amet tellus a quam volutpat
        porta. Mauris ornare augue ut diam tincidunt elementum. Vivamus commodo
        dapibus est, a gravida lorem pharetra eu. Maecenas ultrices cursus tellus
        sed congue. Cras nec nulla erat.</p>
</div>
</body>

JavaScript

function puff() {
            var puffeffect = {
                effect: 'puff',
                percent: 80,
                duration: 'fast',
                complete: function () {
                    alert('hi');
                }
            };
            $('#popup').dialog({
                show: puffeffect
            });
        }