みらい言語技術研究所

Elementorの「アコーディオン」を閉じた状態にする

Elementorの「アコーディオン」機能ですが,通常は最初の1つがひらいた状態で表示されます.これを閉じた状態にしておきたいな,と思って調べました.

こちらのサイトの中の,「javascriptでアコーディオンを強制的に閉じる」であっさり解決しました.

「HTMLコード」のウィジェットを配置して,scriptをコピペします。

<script>

jQuery(document).ready(function($) { var delay = 100; setTimeout(function() { $(‘.elementor-tab-title’).removeClass(‘elementor-active’); $(‘.elementor-tab-content’).css(‘display’, ‘none’); }, delay); });

</script>

なお,ページの内容によっては,このscriptでもうまくいきません。var delay = 「100」を「300」くらいで試してください。

このscriptは遅延をもたせていますが,早く処理されすぎると,ページ全体の読み込みが先になってしまって想定通り動かないようですね。

 

ちなみにプラグインは入れてません.バージョンアップにともなって何か不具合が出るといやだなと思いましたので。