JSFiddle - React, Tailwind, and code Playground

by makingthings

HTML

<div id="start-here-holder">
    <div id="start-here">
        <a href="#">Start here</a>
    </div>
    <div id="media-bar">
        
        <div id="media-bar-content">
            This is the media bar<br>
            This is another line.<br>
            This is yet another line of text.
        </div>
    </div>
    
</div>

CSS

#media-bar {
    display: none;
    width:100%;
    height:200px;
    background:yellow;
    
    max-height:200px;
    top:0;
    
}

JavaScript

$(document).ready(function() {

    
        $("#start-here").click(function() {
            $('#media-bar').slideToggle('slow');
        });
    });