JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="spoiler-header">Заголовок спойлера</a>
<div class="spoiler" style="display:none;">
    Содержимое спойлера.
</div>

JavaScript

$(function(){
    $(".spoiler-header").click(function(){
        var item = $(".spoiler");
        var scrolltime = (item.height() / 200) * 1000;
        if (scrolltime > 3000 ) { scrolltime = 3000; }
        if (scrolltime < 250 ) { scrolltime = 250; }
        if (item.css("display") == "none") {
            item.show(scrolltime);
        } else {
            if (scrolltime > 2000 ) { scrolltime = 2000; }
            item.hide(scrolltime);
        }
    });
});