@vks-dev/jquery-accordion-menu

jQuery Accordion Menu - A multi-level accordion menu plugin for jQuery.

This plugin provides a 3-level accordion menu with smooth animations and automatic class management.

This is a VKS-specific package wrapping a custom accordion menu jQuery plugin.

Installation

npm install @vks-dev/jquery-accordion-menu

Usage

import '@vks-dev/jquery-accordion-menu';
import $ from 'jquery';

// Initialize accordion menu
$('#my-menu').jqueryAccordionMenu();

// With custom options
$('#my-menu').jqueryAccordionMenu({
  hideDelay: 0,
  showDelay: 0,
  speed: 300
});

Features

• 3-Level Menu Structure: Supports up to 3 levels of nested menus
• Automatic Styling: Automatically adds appropriate CSS classes to menu elements
• Smooth Animations: Slide animations for opening/closing submenus
• Smart State Management: Only one submenu open at a time
• Click Outside to Close: Clicking outside the menu closes all submenus
• Toggle Icons: Automatic + / - icons for submenu states
• Empty Menu Cleanup: Automatically removes empty submenus

HTML Structure

<div id="my-menu">
  <ul>
    <li>
      <a href="#">Level 1 Item</a>
      <ul>
        <li><a href="#">Level 2 Item</a></li>
        <li>
          <a href="#">Level 2 with Submenu</a>
          <ul>
            <li><a href="#">Level 3 Item</a></li>
          </ul>
        </li>
      </ul>
    </li>
  </ul>
</div>

Options

• hideDelay (default: 0) - Delay before hiding submenu (milliseconds)
• showDelay (default: 0) - Delay before showing submenu (milliseconds)
• speed (default: 300) - Animation speed (milliseconds)

CSS Classes

The plugin automatically adds these classes:

• .jquery-accordion-menu - Main container
• .jam-ul-1 - First level list
• .jam-ul-2 - Second level list
• .jam-ul-3 - Third level list
• .jam-sub-1 - First level submenu container
• .jam-sub-1-open - Open first level submenu
• .jam-sub-2 - Second level submenu container
• .jam-sub-2-toggle - Toggle icon for second level
• .jam-sub-2-close - Closed state for second level

License

MIT

Copyright

Copyright (c) 2010-2015 Visual Knowledge Share Ltd, All rights reserved.