【wordpressプラグイン】アコーディオンパネルの一番上のパネルを閉じた状態にしたい。

Question

wordpressでブログを執筆しています。

「Tabby Responsive Tabs」というプラグインを用いて記事の一覧をトップページに掲載しております。

「Tabby Responsive Tabs」は、PCで閲覧した時は、タブ形式で表示され、タブレット・スマホで閲覧した時は、アコーディオン形式で表示されます。

タブレット・スマホで閲覧した際のアコーディオン形式の場合、一番上のパネルが開いた状態で表示されてしまいます。

https://d.kuku.lu/30b72f2aec[パネルが開いた状態の画像](https://d.kuku.lu/30b72f2aec)

これを閉じた状態にしたいのですが、どのようにしたら良いのかがわかりません。

プラグインのソースコードを見ると以下の部分にタブレット・スマホで閲覧した時のアコーディオン形式の記述があるのでここら辺のコードをいじればできると思うのですが、具体的にどこをいじればいいのかわかりません。

ご教授いただきたく質問いたします。

var RESPONSIVEUI = {};

(function($) {
					
	RESPONSIVEUI.responsiveTabs = function () {
		var $tabSets = $('.responsive-tabs');

		if (!$tabSets.hasClass('responsive-tabs--enabled')) {	// if we haven't already called this function and enabled tabs
			$tabSets.addClass('responsive-tabs--enabled'); 

			//loop through all sets of tabs on the page
			var tablistcount = 1;

			$tabSets.each(function() {

				var $tabs = $(this);

				// add tab heading and tab panel classes
				$tabs.children(':header').addClass('responsive-tabs__heading');
				$tabs.children('div').addClass('responsive-tabs__panel');

				// determine if markup already identifies the active tab panel for this set of tabs
				// if not then set first heading and tab to be the active one
				var $activePanel = $tabs.find('.responsive-tabs__panel--active');
				if(!$activePanel.length) {
					$activePanel = $tabs.find('.responsive-tabs__panel').first().addClass('responsive-tabs__panel--active');
				}

				/* Add active class to the active header of the panel (FOR MOBILE) */                
				$activeHeader = $activePanel.prev();
				if($activeHeader !== null) {
					$activeHeader.addClass("responsive-tabs__heading--active");
				}

				$tabs.find('.responsive-tabs__panel').not('.responsive-tabs__panel--active').hide().attr('aria-hidden','true'); //hide all except active panel
				$activePanel.attr('aria-hidden', 'false');
				/* make active tab panel hidden for mobile *
				$activePanel.addClass('responsive-tabs__panel--closed-accordion-only');*/

				// wrap tabs in container - to be dynamically resized to help prevent page jump
				var $tabsWrapper = $('<div/>', {'class': 'responsive-tabs-wrapper' });
				$tabs.wrap($tabsWrapper);

				var highestHeight = 0;

				// determine height of tallest tab panel. Used later to prevent page jump when tabs are clicked
				$tabs.find('.responsive-tabs__panel').each(function() {
					var tabHeight = $(this).height();
					if (tabHeight > highestHeight) {
						highestHeight = tabHeight;
					}
				});

Answer 1

$activePanel = $tabs.find('.responsive-tabs__panel').first().addClass('responsive-tabs__panel--active');

ここで先頭をactive付きのクラスにしているので、
この行に//を付けるか、この行を消してしまえば全部閉じた状態になるはずですが、
プラグインの改変をされるとアップデートしたら上書きされてしまうので、可能なら自分でjavascript書いた方がいいです。