Always show FAQ answers

This commit is contained in:
Olivier Lacan 2024-02-04 17:08:12 -08:00
parent 84d7c7834a
commit 831becb73e
2 changed files with 2 additions and 45 deletions

View File

@ -5,30 +5,4 @@ document.addEventListener("DOMContentLoaded", function(){
languageCode = event.currentTarget.selectedOptions[0].value
window.location.replace(origin + "/" + languageCode)
});
var faqHeaders = document.querySelectorAll('.frequently-asked-questions h4');
for (var i = 0; i < faqHeaders.length; ++i) {
header = faqHeaders[i]
header.addEventListener('click', toggleVisibility);
}
function toggleVisibility(event) {
element = event.target;
element.classList.toggle('is-visible')
lastParagraph = element.nextElementSibling;
paragraphs = [];
paragraphs.push(lastParagraph);
while (lastParagraph.nextElementSibling && lastParagraph.nextElementSibling.tagName == "P") {
lastParagraph = lastParagraph.nextElementSibling;
paragraphs.push(lastParagraph)
}
for (var i = 0; i < paragraphs.length; ++i) {
paragraph = paragraphs[i]
paragraph.classList.toggle('is-visible');
}
}
});

View File

@ -148,26 +148,9 @@ div.frequently-asked-questions
border-bottom: 1px solid transparentize($color-bark, 0.8)
padding: 0 1.1em 1.3em 0
&:after
content: ""
text-align: right
float: right
font-size: 2.8em
line-height: 0.4
margin-right: -0.3em
width: 1em
text-align: center
&.is-visible:after
content: "-"
h4 ~ p
display: none
font-size: 0.9em
h4 ~ p.is-visible
display: inherit
font-size: 1em
margin-left: 1em
.footer
font-size: .6em