Collapsible boxes

[stephan-koenig]

Hi,

Is there an implementation of collapsible text boxes, for example as seen as on the FAQs of the UBC CLF website?

[joelpittet]

Those can be details elements I think, I can get a style for them if one is not there. Here is a code snippet:

<h2>Our Programs</h2>
<details>
  <summary>What undergrad programs do you offer?</summary>
    <p>The following programs are available to students at the undergraduate level: Major, Combined Major, Double Major, Honours, Combined Honours, Cognitive Systems, and Software Engineering ... all with or without co-op options. Choosing any one of these will allow you to become well-versed in core computer science concepts while giving you the freedom to tailor your education to match your interests. We also offer a Bachelor of Arts (BA) Major in Computer Science and a Bachelor of Commerce (BCOM) Combined Major in Business and Computer Science. For specific program and option requirements, please see our Degree Programs page.</p>
 
</details>
<details>
  <summary>What is a Combined Major?</summary>
    <p>The Combined Major program enables students to combine computer science with other disciplines such as biology, microbiology &amp; immunology, physics, statistics or (with advisor approval) a science subject of the student's choosing.</p>
</details>

Here's what it would look like https://www.cs.ubc.ca/students/undergrad/faqs

Might be a bit different because I don't have that set of styles in yet but let me know if that would work for you?

[stephan-koenig]

Thanks for the explanation, Joël! Can you please assign @rloftus to it? (I will also Slack her to let her know.)

[joelpittet]

@rloftus Would you like to give the details element a test in the other project and if it needs styling updates come here? I can add you as a collaborator to this theme project if you'd like to contribute upstream style changes