ترنیزشن در جاوا اسکریپت

با سلام
قصد دارم وقتی روی یک عنصر کلیک میکنم یک عنصر دیگری دیسپلی بلاک بگیره و ظاهر بشه,
الان میخوام مثل ترنیزشن برای مثال 1s طول بکشه تا اجرا بشه
باید دقیقا چیکار کنم؟
کدهام:

            <div style="float: right;color: black;padding: 10px;font-family: peyda;font-size: 16px;direction: rtl;" class="item-nav" onClick="Change();">
                <a href="#">
            <i class="fa-solid fa-bars" style="color: #282828;font-size: 28px;" id="test2"></i>
            <i class="fa-solid fa-bars-staggered" id="test1"></i>
                <div style=";color: #282828;font-size: 16px;display: inline;font-family: peyda;padding: 10px;">کیدنس دات کام</div>
                    </a>
                </div>