BOotstrap collapse

Demo Bootstrap Collapse / Accordion

1. Collapse đơn giản

Hiện / Ẩn đoạn văn

Đây là một đoạn văn bản được ẩn/hiện bằng component .collapse của Bootstrap. Bạn có thể đặt bất kỳ nội dung HTML nào ở đây.

2. Nhiều nút điều khiển cùng collapse

Nội dung chung được điều khiển bởi nhiều nút.

3. Accordion (Chỉ mở một mục cùng lúc)

Nội dung của mục 1. Thông thường dùng cho FAQ hoặc các danh sách câu hỏi.

Nội dung của mục 2.

Nội dung của mục 3.

4. Nhiều collapse độc lập (có thể mở nhiều mục cùng lúc)

Card A

Nội dung card A...

Card B

Nội dung card B...

Card C

Nội dung card C...

5. Điều khiển bằng JavaScript (mở / đóng programmatically)

Đoạn văn này được điều khiển bằng JavaScript (Sử dụng API Collapse của Bootstrap).