Res_Template.js

// first toggle
let Side_bar_1 = document.querySelector(".Side_bar_1");
let ToggleClick = document.querySelector(".ToggleClick");
ToggleClick.onclick = function () {
    Side_bar_1.classList.toggle('active');
}

// Second toggle
let Side_bar_2 = document.querySelector(".Side_bar_2");
let ToggleClick_2 = document.querySelector(".ToggleClick_2");
ToggleClick_2.onclick = () => {
    Side_bar_2.classList.toggle('active');
}


// Third toggle
let Side_bar_3 = document.querySelector(".Side_bar_3");
let ToggleClick_3 = document.querySelector(".ToggleClick_3");
ToggleClick_3.onclick = () => {
    Side_bar_3.classList.toggle('active');
}

// fOUR toggle
let Side_bar_4 = document.querySelector(".Side_bar_4");
let ToggleClick_4 = document.querySelector(".ToggleClick_4");
ToggleClick_4.onclick = () => {
    Side_bar_4.classList.toggle('active');
}

// Five toggle
let Side_bar_5 = document.querySelector(".Side_bar_5");
let ToggleClick_5 = document.querySelector(".ToggleClick_5");
ToggleClick_5.onclick = () => {
    Side_bar_5.classList.toggle('active');
}


// Six toggle
let Side_bar_6 = document.querySelector(".Side_bar_6");
let ToggleClick_6 = document.querySelector(".ToggleClick_6");
ToggleClick_6.onclick = () => {
    Side_bar_6.classList.toggle('active');
}

// Seven toggle
let Side_bar_7 = document.querySelector(".Side_bar_7");
let ToggleClick_7 = document.querySelector(".ToggleClick_7");
ToggleClick_7.onclick = () => {
    Side_bar_7.classList.toggle('active');
}