JSFiddle - React, Tailwind, and code Playground

by sarathsprakash

HTML

<div class="element">hjhgjhdghhkh lkjhkmvj jnhklgmhfg jgkhf jhbnjckgndfjhdrjfhkpljklkkkhlmjlhgkjlghl;jkl;ghkjl;ghk
hgjghjhfgnhkfghfhjjhnmklfgmhlhmj,lhgjhgjgh
    jkjkjhkj
    hj
   
    k
    
jghjkgh</div>

CSS

.element {
    display:none;
}

JavaScript

$(document).ready(function () {
    var height = $('.element').height(),
     seconds = 15,
      minRange = 500,
         maxRange= 15000;
    time = height * seconds;
    time = Math.min(time, maxRange);
    time = Math.max(time, minRange);
    alert(time);
    $('.element').slideDown(time);
});