关闭小屏幕上的所有响应手风琴标签? (基础 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 尚未实现。
所以我真的很难弄清楚为什么我不能使用 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 尚未实现。