JavaScript开关按类列表添加，删除 /切换？我如何编写更好的代码？

Question

我是一个初始的程序员，我想问我如何改进此代码？我知道这很糟糕，因为有很多重复，我想知道如何使其有效？

谢谢您的任何建议:)

 const simple = document.querySelector(".simple");
const speedy = document.querySelector(".speedy");
const easy = document.querySelector(".easy");

const illustration1Img = document.querySelector(".illustration-1-img");
const illustration2Img = document.querySelector(".illustration-2-img");
const illustration3Img = document.querySelector(".illustration-3-img");

const illustration1 = document.querySelector(".illustration-1");
const illustration2 = document.querySelector(".illustration-2");
const illustration3 = document.querySelector(".illustration-3");


simple.addEventListener("click", function(){ 
    illustration1Img.classList.remove("hidden");
    illustration2Img.classList.add("hidden");
    illustration3Img.classList.add("hidden");

    illustration1.classList.remove("hidden");
    illustration2.classList.add("hidden");
    illustration3.classList.add("hidden");
});

speedy.addEventListener("click", function(){ 
    illustration1Img.classList.add("hidden");
    illustration2Img.classList.remove("hidden");
    illustration3Img.classList.add("hidden");

    illustration1.classList.add("hidden");
    illustration2.classList.remove("hidden");
    illustration3.classList.add("hidden");
});

easy.addEventListener("click", function(){ 
    illustration1Img.classList.add("hidden");
    illustration2Img.classList.add("hidden");
    illustration3Img.classList.remove("hidden");

    illustration1.classList.add("hidden");
    illustration2.classList.add("hidden");
    illustration3.classList.remove("hidden");
});