javascript - How to replicate the same navigation menu on all 4 tabs with bootstrap?

问题描述:

I'm having a huge issue trying to replicate the same menu on all my tabs with no luck.

The menu in question is located inside the last tab #BuildDesign

So far I've tried to change input[name="intervaltype"*

and **sidebar-nav a in all JS, HTML and CSS as well as .checkAll and .check by adding a 2 to the end [example: intervaltype2]

I have copied and pasted the code into another tab and made all the changes to the id and classes, but it is impossible to replicate the menu on my other tabs.

Is there anybody out there that knows how to replicate my menu so that it works on all tabs?

UPDATE 3 http://fiddle.jshell.net/xp8L3h7g/1/ I updated the fiddle thanks to pwagner who pointed out a problem with the ending

div tags. This fiddle just has the sub menu I want to replicate on all

the tabs.

Please note that when you open the fiddle you have to stretch the preview screen to at least 992px in width in order to view the menu, also the menu is placed in the last icon the bullhorn all the way to the right. [Click on it]

BONUS: For some reason the color of the .servicelist icons on the top should be orange, but instead this code overrides the color of the servicelist: