Javascript 将选项卡式内容响应到accordion-单击选项卡时，accordion关闭

我已经设置了三个栏目，以便在较小的屏幕上移动到手风琴中。我使用此处推荐的方法：

我的问题是，我在一个手风琴中使用了标签内容（使用这些基础标签），当你点击其中一个标签时，而不是仅仅显示那个标签的内容，它就关闭了手风琴。我认为脚本（如下）只允许h3切换手风琴，但显然不允许。或者，也许基础脚本是重写的？任何想法

这是手风琴剧本：

$(function(){

  var winIsSmall;
  $(window).on('load resize', homeAccordion );

  function homeAccordion() {
    winIsSmall = window.innerWidth < 641;
    $('.columns .mobslider').toggle(!winIsSmall);
  }

  $('.columns').find('h3').click(function () {
    if(winIsSmall){
        $(this).parent().find('.mobslider').stop().slideToggle();
    }
  });

});

$（函数（）{
var winIsSmall；
$（窗口）。打开（'load resize'，homeAccordion）；
手风琴（）的功能{
winIsSmall=window.innerWidth<641；
$（'.columns.mobslaider'）。切换（！winIsSmall）；
}
$（'.columns'）。查找（'h3'）。单击（函数（）{
如果（winIsSmall）{
$（this）.parent（）.find（'.mobslaider'）.stop（）.slideToggle（）；
}
});
});

以下是在小屏幕上查看时出现问题的页面： 单击“日历”，然后为日历内容（如田径）选择一个过滤器

---

非常感谢您抽出时间

发现这里发生了什么。我使用了此处发布的回调函数：

它正在调整窗口的大小，并导致切换的div恢复为默认状态

我刚刚更改了以下回调：

$(document).foundation({
  tab: {
    callback : function (tab) {
      $(window).trigger('resize');
    }
  }
});

为此：

$(document).foundation({
  tab: {
    callback : function (tab) {
      $(document).foundation('equalizer');
    }
  }
});

---

感谢基金会帖子上的最后一个评论。

<代码> Undo-Rebug错误：WiSISWORD未定义意识到它是我正在使用的选项卡上的回调，这引起了这个问题。有什么可以让手风琴打开的吗？