Sự kiện Collapse
Sự kiện Collapse là tính năng hữu ích giúp bạn ẩn và hiển thị 1 nội dung trên trang, giúp người dùng có thể chủ động mở rộng/ẩn nội dung để xem, tiết kiệm không gian hiển thị.
Cơ chế hoạt động của Collapse: Bấm lần 1 hiển thị ra nội dung chi tiết, bấm lần 2 sẽ ẩn nội dung chi tiết đó.
Để đi sự kiện tới collapse, bạn thực hiện các bước sau.
Ví dụ thao tác sự kiện Collpase để bấm vào nút bấm, sẽ hiển thị ra hình ảnh
Bước 1: Kiểm tra ID phần tử muốn liên kết Collapse đến (ở đây là ID của ảnh).
Ví dụ ID là: IMAGE133.
Bước 2: Cài đặt sự kiện Collapse cho phần tử tới phần tử ở bước 1 (Ở đây cài đặt sự kiện cho Nút bấm).
Bạn sẽ dán ID phần tử muốn Collapse đến (Ở đây là dán ID của ảnh - IMAGE133). Bạn có thể cài đặt hiển thị của ảnh ngay khi khách truy cập vào trang landing page, bằng khách bấm vào "Hiển khi vào trang"
• Phần sự kiện áp dụng tối ưu nhất cho việc hiển thị nội dung Trên/Dưới, ví dụ Tiêu đề (có sự kiện Collapse- đến Nội Dung nằm ở dưới Tiêu đề).
• Không dùng sự kiện Collapse đến ID section.
• Không nên thiết kế sự kiện Collapse dạng ngang như dưới.
- Nên sử dụng sự kiện Collapse theo hàng dọc.
Nếu bạn muốn sử dụng câu hỏi - câu trả lời (Q&A) bạn có thể sử dụng tính năng Accordion, chi tiết xem tại đây.