JSFiddle - React, Tailwind, and code Playground

HTML

<button id="english-1">English-1</button>
<button id="english-2">English-2</button>
<button id="english-3">English-3</button>
<button id="german-1" style="display:none">German-1</button>
<button id="german-2" style="display:none">German-1</button>
<button id="german-3" style="display:none">German-1</button>
<br/>
<br/>
<button id="swap" onclick="swap()">Swap</button>

JavaScript

var shown = 'english';

function swap() {
    if (shown === 'english') {
        document.getElementById('german-1').style.display = "inline-block";
        document.getElementById('german-2').style.display = "inline-block";
        document.getElementById('german-3').style.display = "inline-block";
        document.getElementById('english-1').style.display = "none";
        document.getElementById('english-2').style.display = "none";
        document.getElementById('english-3').style.display = "none";
        shown = 'german';
    } else {
        document.getElementById('english-1').style.display = "inline-block";
        document.getElementById('english-2').style.display = "inline-block";
        document.getElementById('english-3').style.display = "inline-block";
        document.getElementById('german-1').style.display = "none";
        document.getElementById('german-2').style.display = "none";
        document.getElementById('german-3').style.display = "none";
        shown = 'english';
    }
};