JSFiddle - React, Tailwind, and code Playground

HTML

<script src="javascript"></script>
<body>
<button type="button" class="btn-curso" id="primero" onclick="hiddenParcial()">Parcial</button>
<button type="button" class="btn-finish"  id="segundo" onclick="hiddenTotal()" style="visibility:hidden; display:none;">Total</button>
<button type="button" class="btn-finish" id="tercero" onclick="visualiza_tercero()" style="visibility:hidden; display:none;">Ninguno</button>
</body>

JavaScript

function hiddenParcial() {
        document.getElementById('primero').style.visibility='hidden';
        document.getElementById('primero').style.display='none';
        document.getElementById('segundo').style.visibility='visible';
        document.getElementById('segundo').style.display='block';
        document.getElementById('tercero').style.visibility='visible';
        document.getElementById('tercero').style.display='block';
};

function hiddenTotal() {
        document.getElementById('primero').style.visibility='visible';
        document.getElementById('primero').style.display='block';
        document.getElementById('segundo').style.visibility='hidden';
        document.getElementById('segundo').style.display='none';
        document.getElementById('tercero').style.visibility='visible';
        document.getElementById('tercero').style.display='block';
};

function visualiza_tercero() {
         document.getElementById('primero').style.visibility='visible';
        document.getElementById('primero').style.display='block';
        document.getElementById('segundo').style.visibility='visible';
        document.getElementById('segundo').style.display='block';
        document.getElementById('tercero').style.visibility='hidden';
        document.getElementById('tercero').style.display='none';
};