JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<link href="http://code.jquery.com/ui/jquery-ui-git.css" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-git.js"></script>
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>

<div class="ui-parent">
    <div class="ui-child"></div>
</div>

<div class="core-parent">
    <div class="core-child"></div>
</div>

JavaScript

$( ".core-parent, .ui-parent" ).hide();

$( ".ui-child" ).hide( "drop", { 
    direction: "up", 
    distance: 15, 
    easing: "linear",
    complete: function() {
        console.log( 'UI: ' + $( ".ui-child").css( "display" ) );
    }
});

$( ".core-child" ).hide();
console.log( 'Core: ' + $( ".core-child").css( "display" ) );