jQuery Drilldown
A simple jQuery plugin for creating animated drilldown menus.
Since v1.0.0, project follows Semantic Versioning.
Features
- UMD (AMD, Node/CommonJS) support
- Multiple menus on a single page
- Pretty flexible, doesn't enforce specific tags
Demo
View it here.
Usage
var options = {}; ;
Options
Shown with their default values:
event: 'click' // * View note below selector: 'a' // * View note below speed: 100 direction: 'rtl' cssClass: container: 'drilldown-container' root: 'drilldown-root' sub: 'drilldown-sub' back: 'drilldown-back'
* Note: selector
and event
will be used for binding drilldown-initiating action in this manner:
;
API
$('.drilldown').drilldown('reset')
resets drilldown to its initial state$('.drilldown').drilldown('destroy')
destroys plugin instance
CSS & HTML
<!-- required --> <!-- required --> <!-- required, but not necessarily UL --> A Lorem ipsum A Dolor sit amet <!-- required for deeper (non-root) levels --> Back <!-- required to be able to go back --> A Fusce eget A Quam vel lorem Back A Molestie tincidunt A Pellentesque A Sit amet tincidunt A Consectetur A Maecenas id A Hendrerit odio Back A Cras tincidunt A Vivamus eu