Extend the structure of the site by way of content models, data storage, field types, and navigation, so it is more understandable to users.

Views Accordion - Views Vanilla JavaScript Accordion (VVJA)

Views Vanilla JavaScript Accordion (VVJA) Screenshot

The Vanilla Views suite F.L.A.S.H.C.R.P.T.B FlashCrptb is a collection of ten powerful Drupal modules designed to enhance the visual and interactive experience of Drupal Views using pure, lightweight Vanilla JavaScript. Originally developed as Paragraphs Bundles, these modules Accordion, Basic Carousel, 3D Carousel, 3D FlipBox, Hero, Lightbox, Parallax, Reveal, Slideshow, and Tabs.

Additionally, I have created a demo for each module: Accordion Demo, 3D Carousel Demo, Carousel Demo, 3D FlipBox Demo, Hero Demo, Lightbox Demo, Parallax Demo, Reveal Demo, Slideshow Demo, and Tabs Demo.

To get started, check out our Video Demo for a step-by-step guide on using the module effectively. Explore our mixed demos here: Live Demo One | Live Demo Two. The site for the live demo is built with the Solo Theme.

Overview

The Views Vanilla JavaScript Accordion module (machine name: vvja) is a versatile and lightweight Views style plugin designed to render items in an accordion format using vanilla JavaScript. This module enhances the user experience by providing smooth, collapsible navigation for content displayed through Drupal Views, eliminating the need for external JavaScript libraries like jQuery UI or Bootstrap.

Features

  • No jQuery: By using vanilla JavaScript, the module ensures faster performance, reduced page load times, and no reliance on heavy external libraries. This makes it an ideal choice for modern, lightweight Drupal websites.
  • Toggle Options: Choose between single toggle indicators for each section or a global toggle for expanding/collapsing all sections at once. These toggles are dynamically updated based on the accordion's state.
  • First Item Expansion: Option to automatically expand the first section by default, improving initial user interaction. This can be controlled via the first_toggle option.
  • Exclusive Panel: Allow only one panel to be open at a time. By default, multiple panels can be open simultaneously. Note: This feature is incompatible with the "Show Collapse" or "Expand All (Global)" options.
  • Animation Effects: Smooth open and close animations with customizable transition speeds. These animations enhance user experience by providing visual feedback on interactions.
  • Unique ID Generation: Automatically generates a unique numeric ID for each view display to ensure consistency and prevent conflicts.
  • ARIA and Accessibility Support: Includes proper ARIA roles and attributes, keyboard navigation, and focus management, making the accordion accessible to all users, including those using screen readers.
  • CSS Customization: Easily customize the appearance of the accordion with optional CSS inclusion to match your site’s design.
  • Link Disabling: Prevents links within accordion headers from being clicked, ensuring the accordion's functionality is not disrupted.

Views Slideshow - Views Vanilla JavaScript Slideshow (VVJS)

Views Vanilla JavaScript Slideshow (VVJS) Screenshot

The Vanilla Views suite F.L.A.S.H.C.R.P.T.B FlashCrptb is a collection of ten powerful Drupal modules designed to enhance the visual and interactive experience of Drupal Views usin

Contextual Filter from Referer

This project aims to be the solution for applying contextual filters to views that are executed during AJAX requests, such as entity reference fields that are filtered by a view.

Email message field

This module provides an email message field (consisting of an email subject and email body).

Pages

Subscribe with RSS Subscribe to RSS - Site structure