const firstBtn = document.getElementById('first');
const codeFirst = document.getElementById('codeFirst');

const secondBtn = document.getElementById('second');
const codeSecond = document.getElementById('codeSecond');

const thirdBtn = document.getElementById('third');
const codeThird = document.getElementById('codeThird');

const fourthBtn = document.getElementById('fourth');
const codeFourth = document.getElementById('codeFourth');

const fifthBtn = document.getElementById('fifth');
const codeFifth = document.getElementById('codeFifth');

firstBtn.addEventListener('click', () => {
    codeFirst.classList.toggle("active")
})

secondBtn.addEventListener('click', () => {
    codeSecond.classList.toggle("active")
})

thirdBtn.addEventListener('click', () => {
    codeThird.classList.toggle("active")
})

fourthBtn.addEventListener('click', () => {
    codeFourth.classList.toggle("active")
})

fifthBtn.addEventListener('click', () => {
    codeFifth.classList.toggle("active")
})