JSFiddle - React, Tailwind, and code Playground

HTML

<button id="go">&raquo; test 1</button> (easing grouped into options)<br>
<button id="go2">&raquo; test 2</button> (easing text string)<br>
<button id="reset">&raquo; reset</button>
<br>
<br>
<div id="block">Hello!</div>

CSS

div { 
    background-color:#bca; 
    width:100px; 
    border:1px solid green;
}

JavaScript

$("#go").click(function() {
    $("#block").animate({
        width: "50%",
        opacity: 0.4,
        marginLeft: "0.6in",
        fontSize: "3em",
        borderWidth: "10px",
        easing: "schwing"  // incorrect easing name won't break the script
    }, 1500);
 });

 $("#go2").click(function() {
    $("#block").animate({
        width: "100px",
        opacity: 1,
        marginLeft: 0,
        fontSize: "1em",
        borderWidth: "1px"
    }, 1500, "schwing");  // incorrect easing name WILL break the script
 });
 
 $("#reset").click(function(){
    $("#block").css({
        width: "100px",
        opacity: 1,
        marginLeft: 0,
        fontSize: "1em",
        borderWidth: "1px"
    });
 })