Antoine/homegrade_theme_production
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixing open/close accordions

Browse Source
This commit is contained in:
Antoine M 2023-12-19 15:59:01 +01:00
parent d844782924
commit e05e8ef9ae
2 changed files with 26 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
resources/js/accordeon.js
View File

@ -20,6 +20,16 @@ function closeAccordion(detailTag) {
detailTag.removeAttribute('open');
}, 300);
}
function openAllAccordions(detailTags) {
Array.from(detailTags).forEach((detailTag) => {
openAccordion(detailTag);
});
}
function closeAllAccordions(detailTags) {
Array.from(detailTags).forEach((detailTag) => {
closeAccordion(detailTag);
});
}
function handleAccordeonClick(detailTag) {
let isOpen = detailTag.getAttribute('open');
@ -46,3 +56,11 @@ export default function accordeonInit() {
});
});
}
export {
openAccordion,
closeAccordion,
openAllAccordions,
closeAllAccordions,
handleAccordeonClick,
};

28
resources/js/taxonomy-thematique-(faq).js
View File

@ -1,3 +1,5 @@
import { openAllAccordions, closeAllAccordions } from './accordeon.js';
// ##################################
// ### HANDLE FILTER SUBMENU TOGGLE
// ##################################
@ -68,40 +70,26 @@ function closeSubMenuFilters() {
// ###########################
// ### DETAILS DEPLOY / CLOSE
// ###########################
function handleDeployDetails() {
function handleDeployCloseAllDetails() {
const deployAllButton = document.querySelector('.filters-toolbar__action-button--deploy-all');
const closeAllButton = document.querySelector('.filters-toolbar__action-button--close-all');
const detailsContainers = document.querySelectorAll('details');
if (!deployAllButton) return;
deployAllButton.addEventListener('click', () => {
deployAllDetails();
openAllAccordions(detailsContainers);
deployAllButton.setAttribute('hidden', true);
closeAllButton.removeAttribute('hidden');
});
if (!closeAllButton) return;
closeAllButton.addEventListener('click', () => {
closeAllDetails();
closeAllAccordions(detailsContainers);
closeAllButton.setAttribute('hidden', true);
deployAllButton.removeAttribute('hidden');
});
}
function deployAllDetails() {
const detailsContainers = document.querySelectorAll('details');
if (!detailsContainers) return;
detailsContainers.forEach((details) => {
details.open = true;
});
}
function closeAllDetails() {
const detailsContainers = document.querySelectorAll('details');
if (!detailsContainers) return;
detailsContainers.forEach((details) => {
details.open = false;
});
}
// #################################
// ### UPDATE RESULTS AND DISPLAY
@ -292,7 +280,7 @@ async function hydrateAllQuestions(CurrentMainParentThematiqueId) {
export default async function taxonomyThematiqueFaqInit() {
const faqFiltersToolbar = document.querySelector('.filters-toolbar--faq');
if (!faqFiltersToolbar) return;
handleDeployDetails();
handleDeployCloseAllDetails();
handleFilterPosts();
handleSubmenuToggle();
}