JSFiddle - React, Tailwind, and code Playground

by mmci

HTML

<ul id="menu">
	<li onclick="swap('partieA')";>Du Aaa</li>
	<li onclick="swap('partieU')";>Du Uuu</li>
</ul>
<div id="partieA">blabla</div>
<div id="partieU">blublu</div>

CSS

#menu li{list-style:none; cursor:pointer;}
#partieA{display:block;}
#partieU{display:none;}

JavaScript

function swap(idPartie)
	{
		switch(idPartie)
		{
			case "partieA":
				document.getElementById("partieA").style.display="block";
				document.getElementById("partieU").style.display="none";
				break;
			case "partieU":
				document.getElementById("partieA").style.display="none";
				document.getElementById("partieU").style.display="block";
				break;
			default:
				document.getElementById("partieA").style.display="block";
				document.getElementById("partieU").style.display="none";
				break;
		}
	}