javascript - Open Foundation 6 Accordion 仅适用于 Med/Lg 屏幕

Question

我正在尝试使用 JS 在窗口大小超过 640px 时自动打开 Foundation 6 Accordion 。我在 Foundation 论坛和 StackOverflow 上阅读了许多与 Accordion 相关的帖子，但仍然无法解决这个问题。

这是我的最新代码:http://codepen.io/rogetmone/pen/VaJNVw

$(document).foundation();
$(document).ready(function() {
  var windowWidth = $(window).width();
  if (windowWidth > 640) {
    $('#blackberry-recipes').addClass('is-active');
  }
});

任何帮助将不胜感激!

Answer 1

正如您所注意到的，设置 is-active 类不会影响内容的可见性。如果您希望 Accordion 部分可见，您可以触发单击#blackberry 的子链接 (a) -食谱 div:

$(document).foundation();
$(document).ready(function() {
  var windowWidth = $(window).width();
  if (windowWidth > 640) {
    console.log('hello');
    $('#blackberry-recipes > a').trigger('click');
  }
});

您可以对任何其他 Accordion 项目使用相同的原理。

<强> Updated CodePen