Zurb foundation 如何仅为小型设备折叠手风琴控制

我需要把手风琴控制在我的网站上。我的要求是在桌面或大型设备上，默认情况下，手风琴应处于打开状态。如果是移动设备或小型设备，默认情况下应将其折叠。我怎样才能做到这一点呢？

使用JavaScript和/或jQuery。编写一个简短的脚本，找出视口宽度是多少，如果它大于某个宽度，那么只需使用jQuery的removeClass（）函数删除Zurb的accordion类即可。如果宽度等于或小于该值，请使用addClass（）将其重新添加

移动布局的基础断点是640px，所以使用该值，以便与移动布局发生的任何其他更改相一致。

这样做之后，您现在就可以完全自由地按照自己的意愿重新设置手风琴HTML的样式——首先，当然，在CSS中为所有手风琴的内容div设置display:block，这样它们都会显示出来。但您可能还需要重新设置手风琴栏标题的样式。您的CSS for all应该在媒体查询中

@media all和（最小宽度：641）{…}

，以便它只影响中屏幕和大屏幕中的内容

要移除的基础类（至少在基础5中，我不知道早期版本）：在UL或DL元素——“手风琴”上，以及 关于li或dd元素——“手风琴导航”。 因此，在641宽度及以上时，您需要：

$("ul").removeClass( "accordion");
$("li").removeClass( "accordion-navigation");

与addClass类似，在