关闭小屏幕上的所有响应手风琴标签? (基础 6.3)

Close all Responsive-accordion Tabs on small screen? (Foundation 6.3)

所以我真的很难弄清楚为什么我不能使用 Foundation 6.3 响应式标签 (https://foundation.zurb.com/sites/docs/responsive-accordion-tabs.html). I am trying to use their javascript reference to 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'));

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

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

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

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