JSFiddle - React, Tailwind, and code Playground

by jquery4u

HTML

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat aliquam perspiciatis eum repellat dolore optio nemo provident voluptatibus soluta laborum inventore iusto asperiores voluptates aut ea illo impedit. Fuga reiciendis.</p>

JavaScript

//fade out and then do something
            jQuery.fn.fadeOutandAction = function (speed, action) {
                console.log('fade out and ' + action);
                $(this).fadeOut(speed, function () {
                    $(this)[action]();
                })
            }

            $(document).ready(function () {

                //fade out and empty
                $('p').fadeOutandAction(1000, 'empty');

                //fade out and remove
                $('p').fadeOutandAction(1000, 'remove');

            });