JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test1">hello 1</div>
<div id="test2">hello 2</div>
<div id="test3">hello 3</div>
<div id="test4">hello 4</div>

JavaScript

$(function() {

    var settings = {
        speed: '"slow"'
    };

    var animations = {
        slide: {
            enter: 'slideDown',
            exit: 'slideUp'
        },
        fade: {
            enter: 'fadeIn',
            exit: 'fadeOut'
        }
    };

    $("#test1")[animations.fade.exit](settings.speed);
    $("#test1")[animations.fade.enter](settings.speed);
    $("#test3")[animations.slide.enter](settings.speed);
    $("#test4")[animations.slide.exit](settings.speed);
});