Otra solución con solo métodos de jQuery:
Código Javascript
:
Ver original$("section").hide();
$("button").on("click", function(){
let elem = $("section").eq($("button").index(this));
$(".show").removeClass("show").addClass("hide").hide();
elem.removeClass("hide").addClass("show").show();
});
Se ocultan las secciones al inicio. Luego, cada vez que se pulse un botón, se tomará a la sección equivalente al botón pulsado (si se pulsó el primer botón, se toma a la primera sección). Si existe algún elemento con la clase
show, se le quitará dicha clase, se le asignará la clase
hide y se la ocultará. Finalmente, se le retirará la clase
hide (si es que la tuviera, que es lo que sucederá luego de los primeros clics) al elemento seleccionado, se le asignará la clase
show y se la mostrará.
DEMO