Introduction

Skyline jQuery Nested Accordion is a plugin of Skyline Menu Pro that makes Skyline Menu into multi-level accordion menu.

Features

  • NEW Modern CSS3 theme.
  • Compatible with Joomla 2.5 and other later versions of Joomla.
  • Support multi-level menu.
  • HOT Support RTL language.
  • 3 events to expand menu: hover, advanced click and click.
  • 2 modes: accordion mode and standard expansible mode.
  • HOT 4 nice themes: modern, black, silver and modern CSS3 theme.
  • Show/hide methods and speed are fully configurable.
  • Custom CSS.

Click here to see demo.

Installation

  • Get the module Skyline Menu Pro from ExtStore.
  • Follow the instruction here to install and set for Skyline Menu Pro successfully.
  • Let's get the Jquery Nested Accordion plugin from ExtStore.
  • Go to Administrator site, click to ExtensionsExtension Manager, then Browse the file and Upload and Install.
  • Go to Plug-in Manager to publish Jquery Nested Accordion Plugin
Jquery nested accordion publish j30.png
 

 

  • Go to Extensions → Module Manger and click New button.png button to create a new Skyline Menu Pro module
  • A pop-up will appear.
Menu new menu item j30.png
 

 

Setting for Jquery Nested Accordion Menu

  • Go into the Administrator site, choose ExtensionsModule ManagerSkyline Menu Pro
  • Setting for Basic Option

    Sl menu pro JNA basic j30.png

    • Select Plugin: Default (used as the Joomla menu); If you choose Jquery Nested Accordion, you may customize the following Jquery Nested Accordion Options.
    • Select menu: Choose Jquery Nested Accordion to display.
    • Menu Tag ID: Enter a value to assign as the id property of the root tag when the Menu is displayed.
    • Start Level: Level to start rendering.
    • End Level: Level to end rendering.
    • Show sub-menu items: Choose Yes/No to show or not show your menu in multilevel

    Setting for Jquery Nested Accordion Options

    Sl menu pro JNA jquery select theme j30.png

    • Load Jquery: Set implement jquery loading effect to pages or contents.
    • Select Theme: Select the theme style: Black, Modern or Silver to display menu. Preview images will appear when hovering the mouse to select in themes list.
    • Right To Left: Allow to enable/disable or detect animation effect.
    • Event: Select Hover, Click or Advanced Click to choose for the event.
    • Standard Expansible: Expand/Collapse without accordion effect.
    • Delay: Time interval for delayed actions when we use hover in milliseconds.
    • Show Method: Effects to show submenu.
    • Hide Method: Effects to hide submenu.
    • Show Speed: Time to show submenu in milliseconds.
    • Hide Speed: Time to hide submenu in milliseconds.
    • Scroll Speed: Time to scroll submenu in milliseconds.
    • Custom CSS: Modify the visual style of the menu.

    Setting for Menu Assignment

    Option menu assignment j30.png

    • Module Assignment: Choose to assign module in selected pages.
    • Menu Selection: Select menu type.

    Support

    If you have questions regarding specific details or need any help with the product, feel free to contact us and join Extstore forum.

    Don't have an account yet? Register Now!

    Sign in to your account