JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <i class="open-icon" data-open="false">Click</i>
    <div class="contact-form-ch">
    </div>

    <div class="container">
        <div class="content-1"></div>
    </div>

   
</body>

JavaScript

$(".open-icon").on("click", function () {
            var statu = $(this).data("open");

            if (statu) {
                $(".contact-form-ch").animate({ "width": "700px" });
                $("body").animate({ "margin": "0" });
                $(this).data("open", false);
            } else {
                $(".contact-form-ch").animate({ "width": "700px" });
                $("body").animate({ "margin": "0 -350px 0 350px" });
                $(this).data("open", true);
            }

        });