是否在小屏幕上关闭所有响应式手风琴选项卡？(基础6.3)

Question

所以我真的很难弄明白为什么我不能使用Foundation6.3响应标签(https://foundation.zurb.com/sites/docs/responsive-accordion-tabs.html)折叠我的手风琴标签。我正在尝试使用他们的javascript引用来实现：(https://foundation.zurb.com/sites/docs/accordion.html#up)。

这只适用于accordion，但不适用于响应式accordions选项卡。演示代码笔：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折叠它们，或者克隆accordion插件的方法并执行它们的代码。

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