タグに"id=tab-●"を追加
$('div.tabclick > div').each(function(){
$(this).addClass('tab-' + $p);
$p++;
});
// 初期設定
$('div.tabclick > div').hide(); /* 内容を消す */
$('div.tabclick > div.tab-1').fadeIn(300); /* 内容【1】を表示 */
$('ul.tabclick > li.tab-1').addClass('on'); /* タブ【1】をON画像に切り替え */
// Click時の処理
$('ul.tabclick > li a').click(function(){
$('ul.tabclick > li a:first-child').removeClass('firstChild'); /* 無駄なクラス削除 */
$('ul.tabclick > li a:last-child').removeClass('lastChild'); /* 無駄なクラス削除 */
var $tabClass = $(this).attr('class');
$('ul.tabclick > li').removeClass('on'); /* ON画像タブをOFFに切り替え */
$('ul.tabclick > li.' + $tabClass).addClass('on');
$('div.tabclick > div').hide(); /* 内容を消す */
$('div.tabclick > div.' + $tabClass).fadeIn(300); /* ONの内容を表示 */
return false;
});
// ---------------------- 開閉 -----------------------
// 初期設定
var $q = 1;
var $r = 1;
// タブ：
タグに"set-●"を追加
$('div.openclose > dl > dt > a').each(function(){
$(this).addClass('set-' + $q);
$q++;
});
// リンク：タグに"set-●"を追加
$('div.openclose > dl > dd').each(function(){
$(this).css('display','none'); /* 内容を消す */
$(this).addClass('set-' + $r);
$r++;
});
// Click時の処理
$('div.openclose > dl > dt > a').toggle(
function(){
$('div.openclose > dl > dt > a:first-child').removeClass('firstChild'); /* 無駄なクラス削除 */
$('div.openclose > dl > dt > a:last-child').removeClass('lastChild'); /* 無駄なクラス削除 */
var $opclClass = $(this).attr('class');
$('div.openclose > dl > dd.' + $opclClass).slideDown(300);
return false;
},
function(){
$('div.openclose > dl > dt > a:first-child').removeClass('firstChild'); /* 無駄なクラス削除 */
$('div.openclose > dl > dt > a:last-child').removeClass('lastChild'); /* 無駄なクラス削除 */
var $opclClass = $(this).attr('class');
$('div.openclose > dl > dd.' + $opclClass).slideUp(300);
return false;
}
);
// ---------------------- 書籍詳細 -----------------------
// 拡大ボタン設置
$('#set-pub-detail > #pub-look > li > a > img').before("
"); //btn設置
// ---------------------- 展示施設 TOP -----------------------
// 初期設定
$('div#set-museum02 > div').hide(); /* 内容を消す */
// [企画] マウスオーバー処理
$('#set-museum02 > p area.01').hover(
function(){$('p.museumflow img').attr('src','/museum/img/img_step-01.gif');},
function(){$('p.museumflow img').attr('src','/museum/img/img_step.gif');}
);
// [設計] マウスオーバー処理
$('#set-museum02 > p area.02').hover(
function(){$('p.museumflow img').attr('src','/museum/img/img_step-02.gif');},
function(){$('p.museumflow img').attr('src','/museum/img/img_step.gif');}
);
// [施工] マウスオーバー処理
$('#set-museum02 > p area.03').hover(
function(){$('p.museumflow img').attr('src','/museum/img/img_step-03.gif');},
function(){$('p.museumflow img').attr('src','/museum/img/img_step.gif');}
);
// [企画] CLICK時の処理
$('#set-museum02 > p area.01').click(function(){
$('div#set-museum02 > div').hide(); /* 内容を消す */
$('div#set-museum02 > div.01').fadeIn(300); /* ONの内容を表示 */
return false;
});
// [設計] CLICK時の処理
$('#set-museum02 > p area.02').click(function(){
$('div#set-museum02 > div').hide(); /* 内容を消す */
$('div#set-museum02 > div.02').fadeIn(300); /* ONの内容を表示 */
return false;
});
// [施工] CLICK時の処理
$('#set-museum02 > p area.03').click(function(){
$('div#set-museum02 > div').hide(); /* 内容を消す */
$('div#set-museum02 > div.03').fadeIn(300); /* ONの内容を表示 */
return false;
});
// ---------------------- 展示施設 一覧 -----------------------
// 初期設定
$('div#set-museum03 > div').hide(); /* 内容を消す */
// マウスオーバー処理
$('div#set-museum03 > p area').hover(
function(){
$('div#set-museum03 > p area:first-child').removeClass('firstChild'); /* 無駄なクラス削除 */
$('div#set-museum03 > p area:last-child').removeClass('lastChild'); /* 無駄なクラス削除 */
var $opclClass = $(this).attr('class');
$('div#set-museum03 > p.img > img').attr("src","/museum/img/map_" + $opclClass + ".gif");
},
function(){
$('div#set-museum03 > p area:first-child').removeClass('firstChild'); /* 無駄なクラス削除 */
$('div#set-museum03 > p area:last-child').removeClass('lastChild'); /* 無駄なクラス削除 */
var $opclClass = $(this).attr('class');
$('div#set-museum03 > p.img > img').attr("src","/museum/img/map.gif");
}
);
// CLICK時の処理
$('div#set-museum03 > p area').click(function(){
$('div#set-museum03 > p area:first-child').removeClass('firstChild'); /* 無駄なクラス削除 */
$('div#set-museum03 > p area:last-child').removeClass('lastChild'); /* 無駄なクラス削除 */
var $opclClass = $(this).attr('class');
$('div#set-museum03 > p.img > img').attr("src","/museum/img/map_" + $opclClass + ".gif"); /* メイン画像切り替え */
$('div#set-museum03 > div').hide(); /* 内容を消す */
$('div#set-museum03 > div#list' + $opclClass).fadeIn(300); /* ONの内容を表示 */
return false;
});
// TAB指定OPENの設定
var myPm = location.href.split("?")[1];
switch (myPm) {
case "id=01":
$('div#set-museum03 > div').hide(); /* 内容を消す */
$('div#set-museum03 > div#list01').fadeIn(300); /* ONの内容を表示 */
break;
case "id=02":
$('div#set-museum03 > div').hide(); /* 内容を消す */
$('div#set-museum03 > div#list02').fadeIn(300); /* ONの内容を表示 */
break;
case "id=03":
$('div#set-museum03 > div').hide(); /* 内容を消す */
$('div#set-museum03 > div#list03').fadeIn(300); /* ONの内容を表示 */
break;
case "id=04":
$('div#set-museum03 > div').hide(); /* 内容を消す */
$('div#set-museum03 > div#list04').fadeIn(300); /* ONの内容を表示 */
break;
case "id=05":
$('div#set-museum03 > div').hide(); /* 内容を消す */
$('div#set-museum03 > div#list05').fadeIn(300); /* ONの内容を表示 */
break;
case "id=06":
$('div#set-museum03 > div').hide(); /* 内容を消す */
$('div#set-museum03 > div#list06').fadeIn(300); /* ONの内容を表示 */
break;
case "id=07":
$('div#set-museum03 > div').hide(); /* 内容を消す */
$('div#set-museum03 > div#list07').fadeIn(300); /* ONの内容を表示 */
break;
}
// ---------------------- お問合せフォーム -----------------------
// TAB指定OPENの設定
var myNo = location.href.split("?")[1];
switch (myNo) {
case "id=01": /* 当組織に関して */
$("#set-contact input#contents-1_1").attr("checked","checked"); /* Checkを入れる */
break;
case "id=02": /* 林研グループ */
$("#set-contact input#contents-1_2").attr("checked","checked"); /* Checkを入れる */
break;
case "id=03": /* SGEC */
$("#set-contact input#contents-1_3").attr("checked","checked"); /* Checkを入れる */
break;
case "id=04": /* 森林・林業展示 */
$("#set-contact input#contents-1_4").attr("checked","checked"); /* Checkを入れる */
break;
case "id=05": /* 出版物注文 */
$("#set-contact input#contents-1_5").attr("checked","checked"); /* Checkを入れる */
break;
case "id=06": /* 書籍に関して */
$("#set-contact input#contents-1_6").attr("checked","checked"); /* Checkを入れる */
break;
case "id=07": /* パンフレットに関して */
$("#set-contact input#contents-1_7").attr("checked","checked"); /* Checkを入れる */
break;
case "id=08": /* その他 */
$("#set-contact input#contents-1_8").attr("checked","checked"); /* Checkを入れる */
break;
}
// ---------------------- 展示施設 詳細 -----------------------
$('.photomovie').innerfade({ speed: 'slow', timeout: 4000, type: 'sequence', containerheight: 'auto' });
// ---------------------- 検索条件 -----------------------
// 初期設定
$('.box-search').hide(); //submenuを非表示:
$('.tit-search > a').append("
"); //btn設置
// CLICKしたときの処理
$('.tit-search > a').toggle(
function(){
$('.box-search').slideDown(200); // OPEN
$('.tit-search span > img').attr('src','/img/menu_close.gif'); // btn書き換え
return false;
},
function(){
$('.box-search').slideUp(200); // CLOSE
$('.tit-search span > img').attr('src','/img/menu_open.gif'); // btn書き換え
return false;
}
);
});
'
}
);
// 奇数、偶数を自動追加 (.list-stripe .tbl-stripe のクラスのみ)
$('ul.list-stripe').each(function(){
$(this).find('li:odd').addClass('even');
$(this).find('li:even').addClass('odd');
});
$('table.tbl-stripe').each(function(){
$(this).find('tr:odd').addClass('even');
$(this).find('tr:even').addClass('odd');
});
//:first-child, :last-childをクラスとして追加
$(':first-child').addClass('firstChild');
$(':last-child').addClass('lastChild');
// ---------------------- menu -----------------------
// 初期設定
$('#menu > ul > li > ul').hide(); //submenuを非表示:
$('#menu > ul > li.submenu > a').append("