Our vision is to provide individualised, empowering leadership development pathways for leaders and managers at all levels within the health and social care workforce, for the benefit of patients in wales
ACCORDION CONTENT
P>
//Text accordian below
document.addEventListener('DOMContentLoaded', function() {
const hash = window.location.hash;
if (hash) {
sleep(500).then(() => {
const accordionLabel = document.querySelector(hash); // Find the element by hash ID
if (accordionLabel) {
accordionClick(accordionLabel); // Trigger the accordion opening
}
});
}
});
function accordionClick(event) {
event.classList.toggle("active");
var panel = event.nextElementSibling;
let elements = event.parentElement.parentElement.children;
for (var i = 0; i < elements.length; i++) {
if (elements[i].firstElementChild != event) {
elements[i].firstElementChild.classList.remove("active");
elements[i].children[1].style.maxHeight = "0px";
elements[i].children[1].style.padding = "0px 10px 0px 10px";
}
}
sleep(400).then(() => {
for (var i = 0; i < elements.length; i++) {
if (elements[i].firstElementChild != event) {
elements[i].children[1].style.display = "none";
if (elements[i].firstElementChild.classList.contains("last")) {
elements[i].firstElementChild.style.borderBottomLeftRadius = "20px";
elements[i].firstElementChild.style.borderBottomRightRadius = "20px";
elements[i].children[1].style.borderBottomLeftRadius = "0px";
elements[i].children[1].style.borderBottomRightRadius = "0px";
event.parentElement.parentElement.style.borderBottomWidth = "0px";
}
}
}
});
if (panel.style.display === "block") {
panel.style.maxHeight = "0px";
panel.style.padding = "0px 10px 0px 10px";
if (event.classList.contains("last")) {
event.style.borderBottomLeftRadius = "20px";
event.style.borderBottomRightRadius = "20px";
}
sleep(400).then(() => {
panel.style.display = "none";
if (event.classList.contains("last")) {
panel.style.borderBottomLeftRadius = "0px";
panel.style.borderBottomRightRadius = "0px";
event.parentElement.parentElement.style.borderBottomWidth = "0px";
}
});
} else {
if (event.classList.contains("last")) {
event.style.borderBottomLeftRadius = "0px";
event.style.borderBottomRightRadius = "0px";
panel.style.borderBottomLeftRadius = "20px";
panel.style.borderBottomRightRadius = "20px";
event.parentElement.parentElement.style.borderBottomWidth = "4px";
}
panel.style.display = "block";
panel.style.padding = "15px 10px 15px 10px";
panel.style.maxHeight = panel.scrollHeight + "px";
}
}
function accordionKeyDown(event) {
if (event.key === 'Enter') {
accordionClick(event.currentTarget);
}
}
function sleep(ms) {
return new Promise(resolve => setTimeout(resolve, ms));
}
.png)