在小屏幕上关闭所有Responsive-accordion标签？ （基金会6.3）

Question

所以我很难弄清楚为什么我无法使用Foundation 6.3响应标签（https://foundation.zurb.com/sites/docs/responsive-accordion-tabs.html）来折叠我的手风琴标签。我正在尝试将他们的javascript引用用于implment：（https://foundation.zurb.com/sites/docs/accordion.html#up）。

这只适合手风琴而不是响应式手风琴标签。 用于演示的代码笔：https://codepen.io/jinch/pen/RQxQNG

//This code only collapses the "Reugular Accordion" and NOT a responsive Accordion?
$('#regulare-accordion').foundation('up', $('#regulare-accordion .accordion-content'));

//This code does not working for the the "Responsive Accordion Tab"?
$('#responsive-tab-accordion').foundation('up', $('#responsive-tab-accordion .accordion-content'));

如果使用响应式标签，是否有人知道原因或解决方案？如果可能的话，我需要在小屏幕上关闭所有内容。

Answer 1

到目前为止，响应选项卡手风琴组件未实现所使用插件的方法。

您可以使用CSS折叠它们，也可以克隆手风琴插件的方法并执行它们的代码。

请参阅尚未实施的https://github.com/zurb/foundation-sites/pull/10961。