Coming up: 28 Sep - Magento 2 Frontend Development Hyva Themes training

Yireo - Developer training

Open main menu

Joomla! Bootstrap Accordion Menu module

Recently we developed a free Bootstrap-based Joomla! module, that turns your Joomla! menus into a nice JavaScript-based accordion. Inspired as we are, we called it Bootstrap Accordion Menu. The module now hits version 1.0.1, completing all the features we wanted to add to it.

Bootstrap-based plus hover-effects

The Twitter Bootstrap framework offers Joomla! 3.0 frontends and backends a solid layout-structure, allowing for extensions to have a more generic look & feel. But Bootstrap also offers a couple slick JavaScript-effects, like the accordion-menu. Our module simply turns a normal Joomla! menu into such an accordion.

But one downside of the Bootstrap accordion-menu is that it expands or collapses a submenu by using a click on the parent-menu. The parent-menu itself however is not clickable, because of this. We have added an extra JavaScript-piece to our bootstrap-module that overcomes this problem: It allows you to expand a submenu by hovering over the parent-item (no click), so that a click can be used to redirect to the link of that parent-item itself. Simple but very effective.

Posted on 13 December 2012

Looking for a training in-house?

Let's get to it!

Do not miss out on what we say

This will be the most interesting spam you've ever read

We don't write too commercial stuff, we focus on the technology (which we love) and we regularly come up with innovative solutions. Via our newsletter, you can keep yourself up to date on all of this coolness. Subscribing only takes seconds.

Sign up for the Yireo newsletter


GitHub organizations

Legal information

Other Yireo sites

Get Social

About Yireo