Design Chemical

There are several options, which can be configured for the drill down menu plugin.
The default options are:

$.fn.dcDrilldown = function(options) {
    var defaults = {
        classWrapper: 'dd-wrapper',    // Allows you to change the wrapper for the menu
        classParent: 'dd-parent',    // Set the class used for parent li tags
        classParentLink: 'dd-parent-a',    // Set the class used for parent a tags
        classActive: 'active',    // Set the class for active (clicked) links
        classHeader	: 'dd-header',    // Set the class of the menu header - contains the breadcrumbs & header tag
        speed: 'slow',    // Speed of sliding animation
        saveState: true,    // If set to true the menu state will be saved using cookies - requires cookie plugin
        showCount: true,    // If set to true the count of the number of links for that option is inserted into the a tag
        classCount: 'dd-count',    // Set the class of the span containing the count
        classIcon: 'dd-icon',    // Set the class of the span for adding an icon to the parent links
        linkType: 'backlink',    // Selects the type of navigation - 3 options available (see below)
        resetText: 'All',    // The text used for the breadcrumb link that resets the menu
        headerTag: 'h3',    // The tag used for the menu header
        defaultText: 'Select Option',    // The default text inserted into the header when the menu is initialised
        includeHdr: true    // Set to false to remove the menu header tag
    };

Options For Navigation Style

The menu offers 3 different ways to navigate back up the menu:

• Using a breadcrumb style menu at the top of the drill down menu – set “linkType” to breadcrumb
• A back button to return to previous options – set “linkType” to backlink
• Selecting previous link headers, which are fixed at the top of the menu so the user can see the path taken – set “linkType” to link

You can override any of these default options by passing an object into the Drill Down Menu method upon initialisation – e.g:

jQuery(document).ready(function($) {
    jQuery('#drilldown').dcDrilldown({
        classParent: 'parent-class',
        classActive: 'active',
        linkType: 'link',
        saveState: false,
        resetText: 'Back To Start',
        defaultText: 'Choose An Option',
        includeHdr: false,
        showCount: false,
        speed: 'fast'
    });
});