jQuery Slide Menu

JQuery Slide Menu


Skyline jQuery Slide Menu is a plugin of Joomla that displays Skyline Menu Pro as a noticeable sliding menu. The submenus appear with nice dancing effects when you click to slip them in and out. Furthermore, colorful default themes and customizable CSS allow to create menu in many styles.


  • Compatible with Joomla 2.5 and other later versions of Joomla.
  • HOT Sliding Effects with Jquery.
  • HOT 6 smooth themes: White, green, blue, black, red and orange.
  • Option to adjust the width of the menu.
  • 20 effects to appear submenus.
  • Flexible with random effects.
  • Easy to customize the label of link to back parent categories on the top.
  • Option to put more than one menu on a page.
  • Custom CSS.

Click here to see demo.


  • Download Menu Pro from ExtStore.
  • Follow the instruction here to install and set for Skyline Menu Pro successfully.
  • Download jQuery Slide Menu here.
  • Go to Administrator site, click to ExtensionsExtension Manager, then Browse the file and Upload and Install.
  • Go to Plug-in Manager to publish Jquery Slide Menu Plugin
Jquery slide menu publish J30.png


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

Setting for Jquery Slide Menu

  • Go into the Administrator site, choose ExtensionsModule ManagerMenu Pro

Setting for Basic Option

Sl jquery slide menu basic j30.png

  • Select Plugin: Default (used as the Joomla menu); If you choose Jquery Menu Slide, you may customize the following Jquery Slide Menu Options.
  • Select menu: Choose Jquery Slide Menu 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 Slide Menu Options

Sl jquery slide menu select theme j30.png

  • Load jQuery: Set to implement jquery loading effect to pages or contents.
  • Select Theme: Select the theme style to display menu. There are 5 themes: black, blue, green, red and white. The default template is in white.
  • Menu Width: Set the width of menu in pixels.
  • Amimation Effect: 20 effects to choose for menu's animation.
  • Random Animation: Choose Yes/No to Enable/Disable random animation effect for menu.
  • Black Label: Text to be added and appended to back menu.
  • Show Current: Show current menu title in back menu.
  • 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.

Display on Frontend

Sl jquery slide menu display desc.png


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