Ресурсний вміст вкладок в акордеон - гармошка закривається при натисканні вкладки - javascript, jquery, tabs, zurb-foundation, 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();
}
});

});

Ось сторінка з проблемою під час перегляду на маленькому екрані: http://www.easternflorida.edu/ Натисніть "Календар", а потім виберіть фільтр вмісту календаря (наприклад, "Легка атлетика").

Дякую вам за ваш час!

Відповіді:

Виявлено, що відбувається тут. Я використав функцію зворотного виклику, розміщену тут: https://github.com/zurb/foundation/issues/4611

Вона змінювала розмір вікна і викликала перемішування divs, щоб повернутися до стану за замовчуванням.

Я просто змінив зворотний виклик з цього:

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

до цього:

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

Дякуємо останньому коментарю до публікації цього фонду.