How to create a collapsible navbar with submenu through the use of DOM framework manipulation?

1. You will need reference an external Javascript framework. Collapsible navbar whereby the HTML page (e.g. index.html) might have code like this.

2. The index.html that tests/demonstrates all the functionality of your framework. After instantiating two or more components on the page, your HTML page shall invoke various methods that modify the look or behavior of the components, e.g. change the color of the navbar or add/delete submenu. Something like this:

script src "js/ framework. js X/script script use strict var my Nav BarFW NavBarFW0 var myNav Barobj myNav BarFW. make Nav id: nav Menu", nav Links: (group Text: labs sublinks L tlink Text: "labl", url: "labl. html"), tlink Text: lab2", url: "lab2. html") flinkText: Wlab3", url: "lab3. html group Text: game sublinks L flinkText: "game 1", url: "game 1. html HlinkText: game 2", url: game 2. html" script src "js/ framework. js X/script script use strict var my Nav BarFW NavBarFW0 var myNav Barobj myNav BarFW. make Nav id: nav Menu", nav Links: (group Text: labs sublinks L tlink Text: "labl", url: "labl. html"), tlink Text: lab2", url: "lab2. html") flinkText: Wlab3", url: "lab3. html group Text: game sublinks L flinkText: "game 1", url: "game 1. html HlinkText: game 2", url: game 2. html