Themeforest

jQuery Vertical Accordion Menu Plugin

Options

Plugin Defaults

The jQuery vertical accordion menu plugin defaults are:

$.fn.dcAccordion = function(options) {

    //set default options
    var defaults = {
        classParent	 : 'dcjq-parent',    //Class of parent menu item
        classActive	 : 'active',    // Class of active parent link
        classArrow	 : 'dcjq-icon',    // Class of span tag for parent arrows
        classCount	 : 'dcjq-count',    // Class of span tag containing count (if addCount: true)
        classExpand : 'dcjq-current-parent',    // Class of parent li tag for auto-expand option
        eventType	 : 'click',    // Event for activating menu - options are "click" or "hover"
        hoverDelay	 : 300,    // Hover delay for hoverIntent plugin
        menuClose   : true,    // If set "true" with event "hover" menu will close fully when mouseout
        autoClose    : true,    // If set to "true" only one sub-menu open at any time
        autoExpand	 : false,    // If set to "true" all sub-menus of parent tags with class 'classExpand' will expand on page load
        speed         : 'slow',    // Speed of animation
        saveState	 : true,    // Save menu state using cookies
        disableLink	 : true,    // Disable all links of parent items
        showCount : true,    // If "true" will add a count of the number of links under each parent menu item
        cookie	: 'dcjq-accordion'    // Sets the cookie name for saving menu state - each menu instance on a single page requires a unique cookie name.
    };

Overiding Default Options

All of the default options can be overidden by passing an object into the Vertical Accordion Menu method upon initialisation – e.g:

$('#accordion').dcAccordion({
        eventType: 'hover',
        hoverDelay: 600,
        menuClose: false,
        autoClose: false,
        autoExpand: true,
        classExpand: 'parent-item',
        speed: 'fast',
        cookie: 'my-cookie'
});

Leave a comment

To add code to your comments wrap the code text in [text][/text] tags

Available For Projects
Social Network Tabs
Top Social Share Posts Plugin
jQuery Social Media Tabs
jQuery Social Share Buttons Plugin
Theme Forest