FAQ section

An expanding frequently asked questions section made without using javascript.

This tailwind example is contributed by Manuela Bianka, on 14-Jul-2022. Component is made with Tailwind v3.4. It is responsive. similar terms for this example are Frequently asked questions, QnA,collapsible

FAQ Accordion

Author Manuela Bianka

Tailwind v3.4 12.3k 15

Fork Fullscreen

<div class="bg-white border border-gray-200 divide-y divide-gray-200 rounded-xl m-12">
    <details class="p-6 group" open>
        <summary class="flex items-center justify-between cursor-pointer">
            <h5 class="text-lg font-medium text-gray-900">
                Lorem ipsum dolor sit amet consectetur adipisicing?
            </h5>

<p class="mt-4 leading-relaxed text-gray-700">
            Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ab hic veritatis
            molestias culpa in, recusandae laboriosam neque aliquid libero nesciunt
            voluptate dicta quo officiis explicabo consequuntur distinctio corporis
            earum similique!
        </p>
    </details>

<details class="p-6 group">
        <summary class="flex items-center justify-between cursor-pointer">
            <h5 class="text-lg font-medium text-gray-900">
                Lorem ipsum dolor sit amet consectetur adipisicing?
            </h5>

Related Examples

Accordion FAQ
FAQ Accordion section without using any javascript

Sophia Baker

3 years ago

20.5k
FAQ page

R Thapa

2 years ago

16.1k
Accordion section

Lyra Ravensong

3 years ago

15.7k
FAQ with dropdown
Created by Surjith S M -> https://twitter.com/surjithctly This component does not use javascript for dropdown

Abhijit Sen

3 years ago

18.5k
FAQ Accordion Component
An interactive experience where users can click on questions to reveal or hide the corresponding answers.

King Kali

2 years ago

17.1k
Accordion
uses Flobite.js for interactivity

Piet Vriend

3 years ago

16.1k
Frequently asked questions (FAQ)

Brandon D

3 years ago

13.2k
Accordion FAQ
quick and easy access to frequently asked questions related to insurance. It allows users to expand and collapse questions with answers.

Anonymous

2 years ago

10.6k
Frequently Asked Questions section

Brandon D

3 years ago

12.6k
Accordion with minimum javascript

Anonymous

3 years ago

9.5k
FAQ cards
FAQ section with cards

Moriba Traore

3 years ago

14.5k
Tailwind FAQ accordion

yousef

2 years ago

6.2k
FAQ section

Simon Scheffer

3 years ago

11.5k