JSFiddle - React, Tailwind, and code Playground

HTML

<div id="arrow"><a href="#">▾</a></div>

<div id="ad">ad</div>

<div id="description" style="display:none">Hidden</div>
<div id="nav" style="display:none">Also Hidden</div>

JavaScript

document.getElementById("arrow").onclick = function () {
    var description = document.getElementById("description"); 
    var nav = document.getElementById("nav"); 
    var ad = document.getElementById("ad");
    if (ad.style.display == 'none') {
      ad.style.display = '';
      nav.style.display = 'none';   
      description.style.display = 'none';
    } else {
      ad.style.display = 'none';
      nav.style.display = '';   
      description.style.display = '';
    }
};