Topics Map > Campus Services > Web

Web - Creating Expandable Content Areas (like for FAQ)

How do I create expandable content areas within a web page, like for frequently asked questions (FAQ)?

Expandable content areas are very useful for Frequently Asked Questions (FAQ) pages. They enable the user to view content in pieces rather than all at once. For a more in depth explanation of this process please take a look at the Layout Example or Video Tutorial provided on the Web Development page.

How to add it:

  1. Click on the Rich Text Fields tab in the side menu of the Edit Page screen.
    Screenshot 1
  2. Type out the question and answer on separate lines. Don't worry about adding styling.
    Screenshot 2
  3. Highlight the question and set its paragraph style to FAQ Question using the styles drop-down menu.
    Screenshot 3
  4. Highlight the answer and wrap it in a div using the Create Div Container button in the editor.
    Screenshot 4
  5. In the menu that pops up, select FAQ Answer as the div style.
    Screenshot 5
  6. Repeat for other questions and answers.
    Screenshot 6

If you have questions, please contact the Web Development office at 608.342.1444 or  

Keywords:web,drupal,expandable,content,areas,slider,sliding,FAQ,FAQs,FAQ's,frequently asked questions   Doc ID:34781
Owner:Bryan M.Group:UW Platteville
Created:2013-10-25 13:02 CDTUpdated:2018-10-18 09:20 CDT
Sites:UW Platteville
Feedback:  0   0