/document.addEventListener("DOMContentLoaded", function () {
const toggles = document.querySelectorAll(".toggle-button"); toggles.forEach((btn) => {
btn.addEventListener("click", function (e) {
e.stopPropagation(); // 他のイベントが走らないようにする
const parent = btn.closest(".menu-item-has-children"); // 他の開いているメニューは閉じる(任意:不要なら削除可)
document.querySelectorAll(".menu-item-has-children.open").forEach((item) => {
if (item !== parent) {
item.classList.remove("open");
}
}); parent.classList.toggle("open");
});
}); // メニュー外をクリックしたら開いたメニューを閉じる(任意)
document.addEventListener("click", function (e) {
document.querySelectorAll(".menu-item-has-children.open").forEach((item) => {
item.classList.remove("open");
});
});
});
* ここに JavaScript のコードを追加 jQuery を利用するには、以下のように jQuery.ready() 内のコードを囲む
ことを忘れないでください: jQuery(document).ready(function( $ ){
// あなたのコードをここに記述
}); -- 別のサーバー上の JavaScript のファイルへリンクしたいなら
( と同じように)
これは、HTML コードなので「HTMLコードの追加」を使ってください。 コメント終わり */
タイトルとURLをコピーしました