Ver Mensaje Individual
  #4 (permalink)  
Antiguo 17/05/2020, 04:36
Avatar de Alexis88
Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: Guardar valor del anterior clic

Otra solución con solo métodos de jQuery:

Código HTML:
Ver original
  1. <button>Botón 1</button>
  2. <button>Botón 2</button>
  3. <button>Botón 3</button>
  4.  
  5. <section>Sección 1</section>
  6. <section>Sección 2</section>
  7. <section>Sección 3</section>

Código Javascript:
Ver original
  1. $("section").hide();
  2.  
  3. $("button").on("click", function(){
  4.   let elem = $("section").eq($("button").index(this));  
  5.   $(".show").removeClass("show").addClass("hide").hide();  
  6.   elem.removeClass("hide").addClass("show").show();
  7. });

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

__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand