/* init.js */ /* スマホ用メニュー -----------------------*/ $(function() { "use strict"; $("#toggle_button").click(function(){ $("#global_navi").slideToggle(); return false; }); }); $(function() { "use strict"; $("#toggle_button2").click(function(){ $(".search").slideToggle('fast'); return false; }); }); /* 高さ揃える -----------------------*/ function getMatchHeight() { "use strict"; $(function(){ $('.flatten li').matchHeight(); $('.flatten li a').matchHeight(); }); } /* イメージマップのレスポンシブ対応 -----------------------*/ function getrwdImageMaps() { "use strict"; $(function(){ $('img[usemap]').rwdImageMaps(); }); } /* スムーズスクロール -----------------------*/ $(function(){ "use strict"; // #で始まるアンカーをクリックした場合に処理 $('a[href^="#"]').click(function() { // スクロールの速度 var speed = 400; // ミリ秒 // アンカーの値取得 var href= $(this).attr('href'); // 移動先を取得 var target = $(href === "#" || href === "" ? 'html' : href); // 移動先を数値で取得 var position = target.offset().top; console.log(position); // スムーススクロール $('body,html').animate({scrollTop:position}, speed, 'swing'); return false; }); }); /* naviに現在位置をつける -----------------------*/ $(function(){ "use strict"; var url = window.location; //URL取得 var path = url.href.split('/'); //スラッシュで区切って配列にする var path2 = path.pop().split('#'); //配列の最後をシャープで区切る var file_name = path2.shift(); //配列の先頭を選択してfile_nameに格納 $('.nisa_navi li a[href="'+file_name+'"]').parent().addClass('current'); $('.nisa_navi li a[href="../'+file_name+'"]').parent().addClass('current'); $('.nisa_navi li a[href="../../' + file_name + '"]').parent().addClass('current'); if (file_name !== 'index.html') { // index.htmlではないファイルだとナビが光らないので対応 file_name = 'index.html'; $('.nisa_navi li a[href="' + file_name + '"]').parent().addClass('current'); $('.nisa_navi li a[href="../' + file_name + '"]').parent().addClass('current'); $('.nisa_navi li a[href="../../' + file_name + '"]').parent().addClass('current'); } $('.nisa_side_navi dd a[href="'+file_name+'"]').parent().addClass('current'); $('.nisa_side_navi dd a[href="'+file_name+'"]').parent().addClass('active'); $('.nisa_side_navi dd a[href="../'+file_name+'"]').parent().addClass('current'); $('.nisa_side_navi dd a[href="../../'+file_name+'"]').parent().addClass('current'); }); /* FAQ -----------------------*/ $(function(){ "use strict"; $('.faq dt').next().hide(); $('.faq dt').click(function() { $(this).next().slideToggle('fast').prev().toggleClass('open'); }); //URLのHash値を取得 var urlHash = location.hash; //console.log(urlHash); if(urlHash !== '') { var targetHash = urlHash + ' dt'; $(targetHash).next().slideDown('fast').prev().addClass('open'); //URLにハッシュ付きでFAQページが開かれた時は該当箇所を開く } }); function openFAQ(Qnum) { "use strict"; var Qtarget = '#' + Qnum + ' dt'; //console.log(Qtarget); $(function(){ $(Qtarget).next().slideDown('fast').prev().addClass('open'); }); } /* 用語集タブ切り替え -----------------------*/ $(function(){ "use strict"; $('.glossary_tab_contents').hide(); //まずコンテンツ全部隠す $('#glossary_tab12').show(); //NISA用語だけ表示する $('.glossary_tab li:first-child').addClass('current'); //NISA用語のliにcurrentを追加 //URLにハッシュがついてきた時の処理 //URLのHash値を取得 var urlHash = location.hash; if(urlHash !== '') { var tabHash = urlHash.split('-').shift(); //該当タブのハッシュを取得 var tabID = tabHash.substr(1); //#をとる var currentHashTab = '.glossary_tab li a[name="#glossary_' + tabID + '"]'; //現在位置のタブ var targetHashTab = '#glossary_' + tabID; var st = $(urlHash).offset().top; //該当単語の位置を取得 $('.glossary_tab li').removeClass('current'); //currentクラスを削除 $(currentHashTab).parent().addClass('current'); //該当箇所にcurrentクラスを付与 $('.glossary_tab_contents').hide(); //とりあえず全部隠す $(targetHashTab).show(); //該当のものだけ表示 $(window).scrollTop(st); //該当箇所までスクロール } //クリックした時の処理 $('.glossary_tab li a').on('click',function(){ //tabをクリックしたとき var targetTab = $(this).attr('name'); //targetIDを取得 var currentTab = '.glossary_tab li a[name="' + targetTab + '"]'; //現在位置のタブ $('.glossary_tab li').removeClass('current'); //currentクラスを削除 $(currentTab).parent().addClass('current'); //クリックしたliにcurrentを追加 $('.glossary_tab_contents').hide(); //とりあえず全部隠す $(targetTab).show(); //該当のものだけ表示 }); }); //用語集の中から別の単語にリンクする場合の処理 function openGlossary(tabNum) { "use strict"; $(function(){ var currentHashTab = '.glossary_tab li a[name="' + tabNum + '"]'; //現在位置のタブ console.log(currentHashTab); $('.glossary_tab li').removeClass('current'); //currentクラスを削除 $(tabNum).parent().addClass('current'); //クリックしたliにcurrentを追加 $(currentHashTab).parent().addClass('current'); //該当箇所にcurrentクラスを付与 $('.glossary_tab_contents').hide(); //とりあえず全部隠す $(tabNum).show(); //該当のものだけ表示 }); } /* ページ外ハッシュリンク -----------------------*/ $(function(){ "use strict"; var hash = location.hash; if (hash) { setTimeout(function(){ // timeout500msec var position = $(hash).offset().top; //console.log (position); $('body,html').animate({scrollTop:position}, 0, 'swing'); console.log ('hash link test'); return false; }, 500); } });