I'm currently redesigning a client's website using the Bootstrap framework:
As you'll see, I've successfully implemented the following vertical menu on this site:
The problem that I'm having is that the links that have "+" signs beside them are supposed to both trigger the displaying of their associated submenus AND be clickable to their own pages --- yet only when the submenu is expanded.
For example, .. when you click on the "Clamping Equipment" link in the righthand menu the first time, all it should do is expand the submenu that corresponds to it (to reveal the subcategory links). When you click on the "Clamping Equipment" link the 2nd time (while it's submenu is still expanded), however, it should then take you to the page that it's linking to:
How can I accomplish this using either Bootstrap or JQuery?