JSFiddle - React, Tailwind, and code Playground

HTML

<a class="left_top" id="opinion">Opinion</a><br>
        <div class="left_submenu_1" style="display: none;">
        <a class="left_sub1">Leaders</a><br>
        <a class="left_sub1">Debates</a><br>
        </div> 
<br>

<a class="left_top" id="economy">Economy</a><br>
        <div class="left_submenu_2" style="display: none;">
        <a class="left_sub2">News</a><br>
        <a class="left_sub2">Your Economy</a><br>
        </div>

JavaScript

function toggle(qs) {
   var e = document.querySelector(qs);
   e.style.display = e.style.display === 'block' ? 'none' : 'block';
}

document.getElementById("opinion").addEventListener("click", function(){
    toggle('.left_submenu_1');
});

document.getElementById("economy").addEventListener("click", function(){
    toggle('.left_submenu_2');
});