Skip to main content
2 de 3
se añadieron 974 caracteres en el cuerpo

Simplificar jquery

espero puedan ayudarme a como se debe de simplificar algunas acciones en jquery. Este esmi ejemplo https://codepen.io/critter236/pen/NEVgPW.

Hace lo que quiero, pero creo que se puede simplificar, pensaría que es lo correcto.

Del ejemplo que puse esta seria la parte :

$("#div-prueba-1").on('click', function () {
        $("#div-prueba-1").toggleClass("show");
        $("#div-prueba-2").toggleClass("hide");
        $("#div-prueba-3").toggleClass("hide");
        $("#div-prueba-4").toggleClass("hide");
    });
    $("#div-prueba-2").on('click', function () {
        $("#div-prueba-2").toggleClass("show");
        $("#div-prueba-1").toggleClass("hide");
        $("#div-prueba-3").toggleClass("hide");
        $("#div-prueba-4").toggleClass("hide");
    });
    $("#div-prueba-3").on('click', function () {
        $("#div-prueba-3").toggleClass("show");
        $("#div-prueba-1").toggleClass("hide");
        $("#div-prueba-2").toggleClass("hide");
        $("#div-prueba-4").toggleClass("hide");
    });
    $("#div-prueba-4").on('click', function () {
        $("#div-prueba-4").toggleClass("show");
        $("#div-prueba-1").toggleClass("hide");
        $("#div-prueba-2").toggleClass("hide");
        $("#div-prueba-3").toggleClass("hide");
    });