Как правильно настроить плагин фреймворка Zurb Foundation?

Question

[Сергей]

У фреймворка Foundation есть плагин Responsive Navigation, который представляет собой сочетание трёх других (Dropdown Menu, Drilldown Menu и Accordion Menu) и позволяет переключаться между ними при разной величине экранов. Как прописать в js-файле настройки, относящиеся к каждому из них, если я использую плагин Responsive Navigation?

Так не работает.

// Если инициализировать плагины по отдельности с нужными мне настройками,
// то происходит конфликт, ведь каждый должен работать на своём медиа-запросе
var dropdown = new Foundation.DropdownMenu($('.main-nav'), {
  closingTime: 250
});

var drilldown = new Foundation.Drilldown($('.main-nav'), {
  autoHeight: true,
  animateHeight: true,
  backButton: '<li class="js-drilldown-back"><a tabindex="0">Назад</a></li>',
  closeOnClick: true
});

var responsiveMenu = new Foundation.ResponsiveMenu($('.main-nav'), {
  hideFor: 'xxlarge',
});

Так работает, но вариант неприемлемый.

// Устанавливаем все настройки глобально:
Foundation.Drilldown.defaults.autoHeight = true;
Foundation.Drilldown.defaults.animateHeight = true;
Foundation.Drilldown.defaults.backButton = '<li class="js-drilldown-back"><a tabindex="0">Назад</a></li>';
Foundation.Drilldown.defaults.closeOnClick = true;
Foundation.DropdownMenu.defaults.closingTime = 250;
Foundation.ResponsiveToggle.defaults.hideFor = 'xxlarge';