我需要将手风琴控件放在我的网站上。我的要求是台式机或大型设备，默认情况下手风琴应该处于打开状态。如果是移动设备或小型设备，则应默认折叠。我怎么能这样做？
答案 0 :(得分：0)
使用JavaScript和/或jQuery执行此操作。编写一个简短的脚本来找出视口宽度是什么，如果它大于某个宽度，那么只需使用jQuery的removeClass（）函数删除Zurb的手风琴类。如果宽度等于或小于该值，请使用addClass（）将它们再次添加回来。
移动布局的基础断点是640px，因此请使用该值，以便与移动布局发生的任何其他更改保持同步。
这样做之后，你现在可以完全自由地按照自己的意愿重新设计手风琴HTML - 首先，当然，在CSS中为所有手风琴的内容div设置display：block，所以它们都显示出来。但你可能也想重新设计手风琴条的标题。您应该在媒体查询@media all and (min-width: 641) {...}中的所有CSS的CSS，以便它只影响中型和大型屏幕中的内容。
要删除的基础课程（至少在基础5中，我不知道早期版本）：在ul或dl元素 - “accordion”，和 关于li或dd元素 - “手风琴导航”。 所以在641宽度及以上你想要：
$("ul").removeClass( "accordion");
$("li").removeClass( "accordion-navigation");
和addClass类似，在＆lt; = 640.（注意：不要尝试将addClass添加到$（“ul.accordion”），因为当然，它不会识别该选择器，因为该类已被删除！
我认为这就是一切。我几周前在客户的网站上做过这个，所以我知道它有效！