5 plugin jQuery Accordion tốt nhất năm 2022

5 plugin jQuery Accordion tốt nhất năm 2020 – Accordions có ích khi bạn muốn chuyển đổi giữa việc ẩn và hiển thị một lượng lớn nội dung

Vì vậy, nếu đang tìm widget hoặc plugin của Accordion thì hãy xem bên dưới. Dưới đây là danh sách vài plugin Accordion miễn phí và trả phí cho trang web của bạn:

Các plugin Accordion trả phí

1. CONTENTS:

   Accordion Slider- Accordion & Touch Accordion

Accordion Slider có lẽ là thanh trượt accordion jQuery tốt nhất. Phiên bản rút gọn của Accordion Slider cho phép bạn tạo các thanh trượt hình ảnh đơn giản, hoàn toàn đáp ứng và thân thiện với thiết bị di động. Accordion Slider cho phép bạn thay đổi bố cục của accordion cho các kích thước màn hình khác nhau.

Đặc trưng:

Dành cho nhà thiết kế

• Nó cung cấp 2 chế độ đáp ứng đầy đủ: tự động và tùy chỉnh.
• Với tính năng hỗ trợ cảm ứng, bạn có thể dễ dàng chạm và vuốt bằng cử chỉ trên thiết bị di động và kéo chuột trên thiết bị để bàn.
• Bố cục tự động thay đổi hướng từ ngang sang dọc hoặc ngược lại.
• Hỗ trợ 2 loại lớp: lớp hoạt hình và lớp tĩnh.
• Khi bảng điều khiển mở, bạn có thể dễ dàng thay đổi hình nền với sự trợ giúp của việc trao đổi hình ảnh.

Cho các nhà phát triển

• Bạn có thể dễ dàng loại bỏ các mô-đun để giảm kích thước tệp vì plugin architecture bao gồm lõi và 12 mô-đun tùy chọn.
• Chuyển tiếp CSS3 và RequestAnimationFrame, được thiết kế với các kỹ thuật hoạt hình hiện đại được sử dụng để đảm bảo hoạt ảnh mượt mà.
• Accordion cung cấp nhiều hàm gọi lại và phương thức công khai với khả năng thay đổi các thuộc tính trong thời gian chạy thông qua API mạnh mẽ của nó.

2. jQuery Accordion

Một cái khác là jQuery Accordion, một thành phần accordion dựa trên Javascript và CSS. Nó có một bố trí đáp ứng và có một hệ thống lưới, 8 kiểu đặt sẵn. Điều tốt nhất về plugin này là nó cũng cung cấp các hiệu ứng mờ dần trên nội dung.

Đặc trưng:

• 8 kiểu
• Hệ thống lưới điện
• Hiệu ứng Javascript / CSS3
• Biểu tượng hỗ trợ
• Phản ứng nhanh
• Dễ sử dụng

3. Menu Accordion jQuery

Plugin có một vài tham số có thể được cấu hình để tùy chỉnh menu accordion dọc. Chúng có thể được đặt thông qua bảng điều khiển widget hoặc bằng cách truyền tham số trong một mã ngắn.

Đặc trưng:

• 6 tông màu
• Menu con không giới hạn
• Biểu tượng của Font Awesome
• Hiệu ứng CSS3
• Tài liệu tốt
• Dễ dàng sử dụng và tùy chỉnh

Xem thêm: 10 mẫu website WordPress E-Commerce thời trang

4. Accordion | Faq | Collapse – Add-Ons For Visual Composer

Accordion là một add-on nhà soạn nhạc trực quan hiện đại. Nó có hơn 26 phong cách với các tùy chọn lớn. Với plugin này , bạn sẽ nhận được nhiều loại accordion mà bạn có thể chọn theo yêu cầu từ trang web của mình.

Đặc trưng:

• 26 phong cách độc đáo
• Thiết kế đáp ứng
• Hoàn toàn tùy biến
• Phong cách màu không giới hạn
• Trình duyệt chính được hỗ trợ
• Tương thích phiên bản mới nhất WordPress
• Mã hóa sạch, xác thực W3c
• Hỗ trợ đầu tiên 24/7
• Tài liệu tốt

Plugin miễn phí

1. Easy Responsive Tabs To Accordion

Đây là một plugin accordion tinh tế giúp tối ưu hóa các tab dọc và ngang thông thường trên nhiều thiết bị như máy tính bảng,  điện thoại di động (IPad & iPhone). Trong khi đó, plugin điều chỉnh kích thước màn hình và thay đổi hành động của nó.

Đặc trưng:

• Các tab ngang / dọc để accordion.
• Accordion và tab được thiết kế hoàn toàn bằng jQuery.
• Hỗ trợ nhiều bộ tab trên cùng một trang.
• Khả năng tương thích giữa nhiều trình duyệt (IE7 +, Chrome, Firefox, Safari và Opera).
• Hỗ trợ đa thiết bị (Web, Máy tính bảng & Di động).
• Liên kết trực tiếp đến một tab được chỉ định.
• Plugin xử lý tất cả trạng thái của các tab khi điều hướng khỏi trang và sau đó quay lại bằng cách sử dụng tiến / lùi (nếu trình duyệt hỗ trợ API ).
• Các tab lồng nhau.

2. jQuery Responsive Tab

Plugin jQuery Bootstrap này cung cấp  tab đáp ứng. Các tab biến đổi thành một accordion khi nó đạt đến điểm dừng CSS. Bạn có thể sử dụng plugin này như một giải pháp để hiển thị các tab thanh lịch trên máy tính để bàn, máy tính bảng và thiết bị di động.

Đặc trưng:

• Các tab biến đổi thành accordion dựa trên điểm dừng.
• Để chuyển đổi tab kỹ thuật (dựa trên lớp), bạn có thể sử dụng jQuery / javascript.
• Sử dụng CSS cho giao diện máy tính để bàn / máy tính bảng / thiết bị di động.
• Các tab có thể được mở bằng cách sử dụng tự động xoay, băm URL, thu gọn (tùy chọn), bị vô hiệu hóa,….
• Các tab được kiểm soát bằng các phương thức API.
• Khả năng tương thích giữa nhiều trình duyệt (IE7 +, Chrome, Firefox, Safari và Opera).
• Hỗ trợ nhiều thiết bị (Web, Tablet, Mobile, v.v.).