Themeforest

jQuery Vertical Accordion Menu Plugin

Examples

Demo Vertical Accordion Menus Using “Onclick” Event

$('#accordion-1').dcAccordion({
eventType: 'click',
autoClose: true,
saveState: true,
disableLink: true,
showCount: true,
speed: 'slow'
});
  • Close Open Sub-menus: On
  • Save State: On
  • Disable Parent links: On
  • Speed: slow
  • Count: on
$('#accordion-2').dcAccordion({
eventType: 'click',
autoClose: false,
saveState: true,
disableLink: true,
showCount: true,
speed: 'fast'
});
  • Close Open Sub-menus: Off
  • Save State: On
  • Disable Parent links: On
  • Speed: fast
  • Count: on
$('#accordion-3').dcAccordion({
eventType: 'click',
autoClose: false,
saveState: false,
disableLink: false,
showCount: false,
speed: 'slow'
});
  • Close Open Sub-menus: Off
  • Save State: Off
  • Disable Parent links: Off
  • Speed: slow
  • Count: off

Demo Menus Using “Hover”

$('#accordion-4').dcAccordion({
eventType: 'hover',
autoClose: true,
saveState: true,
disableLink: true,
showCount: true,
menuClose: false,
speed: 'slow'
});
  • Close Open Sub-menus: On
  • Auto-Close: Off
  • Save State: On
  • Disable Parent links: On
  • Speed: slow
  • Count: on
$('#accordion-5').dcAccordion({
eventType: 'hover',
autoClose: false,
saveState: true,
disableLink: true,
showCount: true,
menuClose: true,
speed: 'fast'
});
  • Close Open Sub-menus: Off
  • Auto-Close: On
  • Save State: On
  • Disable Parent links: On
  • Speed: fast
  • Count: on
$('#accordion-6').dcAccordion({
eventType: 'hover',
autoClose: false,
saveState: false,
disableLink: false,
showCount: false,
menuClose: true,
speed: 'slow'
});
  • Close Open Sub-menus: Off
  • Auto-Close: On
  • Save State: Off
  • Disable Parent links: Off
  • Speed: slow
  • Count: Off