Accordion for FAQ?

  • Resolved lemontreefruit

    (@lemontreefruit)


    6 years, 9 months ago

    Hi Bill,

    I would like to display several posts as one FAQ.

    How can I display an accordion for FAQ?

    🙂
    Armin

Viewing 1 replies (of 1 total)
  • Plugin Author Bill Erickson

    (@billerickson)

    6 years, 9 months ago

    Yes, that is possible, but would require you to write custom CSS and JavaScript.

    I’d start with this:

    [display-posts wrapper_class=”display-posts-listing faq” include_content=”true”]

    Then add JS to toggle a class of “expanded” when the post title is clicked: https://gist.github.com/billerickson/df06d49745542db6ab01440b598f2567

    Then add CSS to hide the post content unless it has a class of “expanded”:

    .display-posts-listing.faq .listing-item:not(.expanded) .content { display: none; }

Viewing 1 replies (of 1 total)

The topic ‘Accordion for FAQ?’ is closed to new replies.