https://wiki.signal-st.com/index.php?action=history&feed=atom&title=MediaWiki%3AExpandableBox.js 2026-04-19T01:37:33Z このウィキのこのページに関する変更履歴 MediaWiki 1.43.0 https://wiki.signal-st.com/index.php?title=MediaWiki:ExpandableBox.js&diff=4110&oldid=prev 2025-12-11T04:08:48Z

<p>折り畳みボックス用JS関数を分離独立</p> <p><b>新規ページ</b></p><div>/* 折り畳みボックス用のJS */<br /> function expandableBoxFunc() {<br /> // &#039;custom-template-expandable-box&#039; クラスを持つ要素をすべて取得<br /> var expandableBoxes = document.querySelectorAll(&#039;.custom-template-expandable-box&#039;);<br /> <br /> expandableBoxes.forEach(function(box) {<br /> var header = box.querySelector(&#039;.custom-template-expandable-box-header&#039;);<br /> var contents = box.querySelector(&#039;.custom-template-expandable-box-contents&#039;);<br /> var toggleLabel = box.querySelector(&#039;.custom-template-expandable-box-toggle-label&#039;);<br /> <br /> // contents と toggleLabel が存在するか確認<br /> if (!contents || !toggleLabel) {<br /> return; // 必要な要素がなければスキップ<br /> }<br /> <br /> // `opened` パラメータの状態を読み取る<br /> var isOpenedInitially = box.getAttribute(&#039;data-opened&#039;) === &#039;True&#039;;<br /> <br /> // 初期状態の設定<br /> if (isOpenedInitially) {<br /> contents.style.display = &#039;block&#039;;<br /> toggleLabel.textContent = &#039;[非表示]&#039;;<br /> } else {<br /> contents.style.display = &#039;none&#039;;<br /> toggleLabel.textContent = &#039;[表示]&#039;;<br /> }<br /> <br /> // ヘッダーがクリックされたときのイベントリスナーを設定<br /> if (header) {<br /> header.addEventListener(&#039;click&#039;, function() {<br /> if (contents.style.display === &#039;none&#039;) {<br /> // 非表示なら表示にする<br /> contents.style.display = &#039;block&#039;; // または &#039;initial&#039;<br /> toggleLabel.textContent = &#039;[非表示]&#039;;<br /> } else {<br /> // 表示なら非表示にする<br /> contents.style.display = &#039;none&#039;;<br /> toggleLabel.textContent = &#039;[表示]&#039;;<br /> }<br /> });<br /> }<br /> });<br /> }<br /> <br /> expandableBoxFunc();</div>

銀河連邦