JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="header"><img src="Placeholders/placeholder.jpg" width="500" height="333"></div>
    <div class="content" style="height: 0px;overflow:hidden;">
        The words should be here.
    </div>

JavaScript

$(document).ready(function(){
    $(".header").click(function () {
       
        if($(".content").height() === 0){
             $(".content").animate({height: "20px"}, 500);
        }else{
            $(".content").animate({height: "0px"}, 500);
        }
        
    });
})