Selection
Sonnenhotel Weingut Römmert
Selection
Sonnenhotel Weingut Römmert
(function() { // Get all the questions const headings = document.querySelectorAll('.yoast-faq-accordion .schema-faq-question') Array.prototype.forEach.call(headings, heading => { // Give each question a toggle button child // with the SVG plus/minus icon heading.innerHTML = ` `; // Function to create a node list // of the content between this question and the next const getContent = (elem) => { let elems = []; while (elem.nextElementSibling && elem.nextElementSibling.className === 'schema-faq-answer') { elems.push(elem.nextElementSibling); elem = elem.nextElementSibling; } // Delete the old versions of the content nodes elems.forEach((node) => { node.parentNode.removeChild(node); }) return elems; } // Assign the contents to be expanded/collapsed (array) let contents = getContent(heading); // Create a wrapper element for `contents` and hide it let wrapper = document.createElement('div'); wrapper.hidden = true; // Add each element of `contents` to `wrapper` contents.forEach(node => { wrapper.appendChild(node); }) // Add the wrapped content back into the DOM // after the question heading.parentNode.insertBefore(wrapper, heading.nextElementSibling); // Assign the button let btn = heading.querySelector('button'); btn.onclick = () => { // Cast the state as a boolean let expanded = btn.getAttribute('aria-expanded') === 'true' || false; // Switch the state btn.setAttribute('aria-expanded', !expanded); // Switch the content's visibility wrapper.hidden = expanded; } })})()
}