JSFiddle - React, Tailwind, and code Playground

HTML

<div id="arrow"><a href="#">▾</a></div>
<div id="ad">Ad</div>
<div id="description">Description</div>
<div id="nav">Nav</div>

CSS

#nav, #description{display:none;}

JavaScript

window.onload=function(){
    var arrow=document.getElementById('arrow').getElementsByTagName('a')[0];
    arrow.onclick=function(){
        var ad=document.getElementById('ad');
        var description=document.getElementById('description');
        var nav=document.getElementById('nav');
        if(ad.style.display=='none')
        {
            ad.style.display='block';
            description.style.display='none';
            nav.style.display='none';
        }
        else
        {
            ad.style.display='none';
            description.style.display='block';
            nav.style.display='block';
        }
        return false;
    };
};