フォーム作成ツールならformrun

'); const mainMegaMenuElement = jQuery(''); function spMegaMenuSetUp() { /* ハンバーガメニューを挿入＆削除 */ if ( windowPCorSP() === 'sp' && !jQuery('.megaMenu_trigger').length ) { /*--- 画面幅SPのとき ---*/ /* ハンバーガメニューボタンとメインメニューを追加 */ megaMenuTriggerElement.appendTo('.js-megaMenu_custom_sec > .inner').ready(function () { mainMegaMenuElement.insertAfter('.megaMenu_trigger'); const megaMenuTrigger = jQuery('.megaMenu_trigger'); const mainMegaMenu = jQuery('.main-megaMenu'); mainMegaMenu.css('display', 'none'); /* メインメニューにメニュー要素を追加 */ nav_menu_link.parent().clone().appendTo('.main-megaMenu > ul'); /* メニューの下層（プルダウン）要素を追加する */ /* 1階層目のメニューを取得 */ const level01 = jQuery('.main-megaMenu > ul > li'); level01.addClass('js-level-01'); level01.each(function(index01, element01) { let id = jQuery(element01).attr('data-mega-target'); let section = jQuery(`.main-megaMenu .js-megaMenu_down_list_sec[data-mega-id="${id}"]`); /* ボタンパーツの場合 */ let buttonLink = section.find('.button a').clone(); let buttonLinkList = buttonLink.removeClass().addClass('wrap-item'); if ( buttonLink.length ) { buttonLinkList.appendTo(jQuery(element01)); } /* リッチテキストもしくはリンクリストの場合 */ let listLink = section.find('.richtext > ul, .list > ul'); let listLinkList = listLink.closest('.component').children('ul'); if ( listLinkList.length ) { listLinkList.appendTo(jQuery(element01)); } section.css('display','none'); }); jQuery('.main-megaMenu .js-megaMenu_down_list_sec').css('display', 'none'); jQuery('.wrap-item').wrap('

'); jQuery('.wrap-item').removeAttr('class'); level01.each(function(index, element) { let target = jQuery(element).find('.js-level-02'); target.wrapAll('

'); }); /* 1階層目 */ const level01List = jQuery('.main-megaMenu > ul > li'); const level02List = jQuery('.main-megaMenu > ul > li > ul > li'); const level03List = jQuery('.main-megaMenu > ul > li > ul > li > ul > li'); const level04List = jQuery('.main-megaMenu > ul > li > ul > li > ul > li > ul > li'); level01List.addClass('js-level-01'); level02List.addClass('js-level-02'); level03List.addClass('js-level-03'); level04List.addClass('js-level-04'); level02List.closest('ul').addClass('js-level-01-cont'); level03List.closest('ul').addClass('js-level-02-cont'); level04List.closest('ul').addClass('js-level-03-cont'); const downMenu = jQuery('.downMenu a'); const toggleIconElement = jQuery(''); jQuery('.main-megaMenu > ul > li ul').css('display', 'none'); let toggle_icon_link = []; jQuery('.main-megaMenu > ul li ul').prevAll().each(function(index, element) { if ( element.tagName.toLowerCase() === 'a' ) { toggle_icon_link.push(jQuery(element)); return } else if ( element.tagName.toLowerCase() === 'strong' ) { toggle_icon_link.push(jQuery(element).find('a')); } }); toggleIconElement.appendTo(toggle_icon_link); jQuery('.downMenu a .toggle_icon').on('click', function(e) { e.preventDefault(); e.stopPropagation(); let list = jQuery(this).closest('li'); let openTarget = list.children('ul'); jQuery(this).toggleClass('is-open'); openTarget.toggleClass('is-open'); openTarget.stop(true, true).slideToggle(300); }); /* ハンバーガメニュークリックイベント */ megaMenuTrigger.on('click', function() { megaMenuTrigger.toggleClass('is-active'); mainMegaMenu.toggleClass('is-active'); mainMegaMenu.toggle(); jQuery('html').toggleClass('is-locked'); megaMenuSec.toggleClass('is-open'); }); }); } else if ( windowPCorSP() === 'pc' ) { /*--- 画面幅PCのとき ---*/ /* ハンバーガメニューボタンとメインメニューを削除 */ jQuery('.megaMenu_trigger').removeClass('is-active'); jQuery('.main-megaMenu').removeClass('is-active'); jQuery('.megaMenu_trigger').css('display','none'); jQuery('.main-megaMenu ul li').css('display','none'); jQuery('.main-megaMenu').css('display','none'); jQuery('.downMenu a .toggle_icon').css('display','none'); /* ハンバーガメニューが開いてるときのクラス名を削除 */ jQuery('html').removeClass('is-locked'); jQuery('is-open').removeClass('is-open'); } }; /*------------- メガメニューSP時 END -------------*/ /*--- ウィンドウのリサイズ完了後の処理 ---*/ const windowResize = () => { let timer = 0; let delay = 100; window.addEventListener('resize', () => { clearTimeout(timer); timer = setTimeout(() => { spMegaMenuSetUp(); }, delay); }, false); }; spMegaMenuSetUp(); windowResize(); }); /*------------- メガメニューを別ページから読み込んで初期機能設定 END -------------*/ }); /*--- ページ内遷移ずれる対策 ---*/ jQuery(function () { setTimeout(() => { const headerEl = jQuery('.js-megaMenu_custom_sec');/* メガメニューを取得 */ const headerHight = headerEl.outerHeight(); /* メガメニューの高さを取得 */ /* 固定ナビの場合の処理 */ if (headerEl.hasClass('fixed')) { jQuery('html').css('scroll-padding-top', `${headerHight}px`); } }, 300); }); /*--- ページ内遷移ずれる対策 END ---*/ /* --------------------------- メガメニュー END --------------------------- */