JSFiddle - React, Tailwind, and code Playground

HTML

<div id="Menu" class="pointer_p">
	<a onclick="return Menu('1',this)" class="hover_red_white_p"><p>A</p></a>
	<a onclick="return Menu('2',this)" class="hover_red_white_p"><p>B</p></a>
	<a onclick="return Menu('3',this)" class="hover_red_white_p"><p>C</p></a>
	<a onclick="return Menu('4',this)" class="hover_red_white_p"><p>D</p></a>
	<a onclick="return Menu('5',this)" class="hover_red_white_p"><p>E</p></a>
	<a onclick="return Menu('6',this)" class="hover_red_white_p"><p>F</p></a>
	<a onclick="return Menu('7',this)" class="hover_red_white_p"><p>G</p></a>
	<a onclick="return Menu('8',this)"></a>
	<a onclick="return Menu('9',this)"></a>
	<a onclick="return Menu('10',this)"></a>
</div>

<div id="1">1
</div>
<div id="2" class="none">2
</div>
<div id="3" class="none">3
</div>
<div id="4" class="none">4
</div>
<div id="5" class="none">5
</div>
<div id="6" class="none">6
</div>
<div id="7" class="none">7
</div>
<div id="8">
</div>
<div id="9">
</div>
<div id="10">
</div>

CSS

.none {
  display: none;
}
.pointer_p p {
  cursor: pointer;
}
.cursor_p p {
  cursor: auto;
}
.active_red_white_p p, .hover_red_white_p p:hover {
  background-color: red;
  color: white;
}

JavaScript

function BaseMenu(){
    document.getElementById('2').style.display = "none";
    document.getElementById('3').style.display = "none";
    document.getElementById('4').style.display = "none";
    document.getElementById('5').style.display = "none";
    document.getElementById('6').style.display = "none";
    document.getElementById('7').style.display = "none";
    document.getElementById('8').style.display = "none";
    document.getElementById('9').style.display = "none";
    document.getElementById('10').style.display = "none";
}
function StartMenu(){
    document.getElementById('1').style.display = "none";
    BaseMenu();
}
function Menu(Id,e){
    for(i=0;i<10;i++) document.getElementById('Menu').getElementsByTagName('a')[i].className = 'hover_red_white_p';
    e.className = 'cursor_p active_red_white_p';
    if(document.getElementById(Id).style.display == "none")
    {
	StartMenu();
	document.getElementById(Id).style.display = "block";
    }
}
window.onload=BaseMenu;