JSFiddle - React, Tailwind, and code Playground

HTML

<div class="videotoggle">

    <p><h2 class="entry-title">View a few minutes of the (title) video </h2></p>

    <div class="videoblock">

    <iframe width="560" height="315" src="http://www.youtube.com/embed/????????"
    frameborder="0" allowfullscreen></iframe>

    </div></div>

CSS

.videoblock{
    height: 0px;
    overflow: hidden;  
}

JavaScript

$(document).ready(function(){
$(".entry-title").click(function() {
    $(".videoblock").animate({height: "315"}, 1500);
});
});