JSFiddle - React, Tailwind, and code Playground

by TrueBlueAussie

HTML

<div class="top-tool-buttons"><a href="" id="myElementId">click me</a></div>
Then once clicked turn these elements from this (menu_hide & lockscreen_on):

<div id="somename1" class="list-nav menu_hide">Somename1</div>

<div id="somename2" class="screen lockscreen_off">Somename2</div>

CSS

.menu_hide, .lockscreen_off{
    display: none;
}

JavaScript

$('#myElementId').click(function(e) {
    e.preventDefault();
   // Toggle all 4 classes off or on
   $('#somename1').toggleClass('menu_hide menu_show');
   $('#somename2').toggleClass('lockscreen_on lockscreen_off');
});