This is a
playground to test code. It runs a full
Node.js environment and already has all of
npm’s 400,000 packages pre-installed, including
deepnav with all
npm packages installed. Try it out:
This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.
Created by Jacob Runge
The purpose of DeepNav is to provide a flexible, multilevel, drop-in navigation system that requires minimal in-HTML markup. DeepNav supports as many levels of navigation as good taste will allow, and then some. You need only set up a couple of divs and anchors, initialize DeepNav, and you're good to go!
DeepNav()takes an optional second parameter, which you can pass an object full of settings (detailed in the next section).
DeepNav takes an object full of options as it's second parameter. Those options include:
You can change any of these preferences on the fly if you set up a reference to your DeepNav instance (
var myNav = new DeepNav('coolId')) by altering
DeepNav programmatically sets some initial styles for each instance of DeepNav that you invoke. These styles are placed at the beginning of your document head so that they can be overridden easily, but the aesthetic styles are pretty tough to override. I recommend you disable them.