Modify Twitter Bootstrap collapsible menus to work like Betfair

By default the collapsible menus [login to view URL] Support only a single level. I would like multiple levels similar to what is available on [login to view URL] along with a few other minor modifications ## Deliverables The specific modifications that I require . Nested menus - for example in betfair you can navigate as follows: Horse Racing -> AUS -> Geel (AUS) 3rd Mar -> 02:05 R1 1125 Mdn . Color schemes - at the top level the background is white with blue text. Bootstrap has this same color scheme by default. When you click on a particular menu, the text becomes black. I need this implemented. When you then click on a child menu the parent menu has a gray background and the text moves from bold to normal. I also require this to be implemented. Basically I want the look and feel to exactly mimic betfair except I would like to keep the default bootstrap fonts and sizes. . As a sample application I would like the following delivered: Menu structure: Horse Racing -> AUS -> Geel -> Race1 Horse Racing -> AUS -> Geel -> Race2 Clicking on "Race1" should deliver the text "Hello Race1" in the middle of the screen to the right of the menu. Similarly with "Race2"