$(function(){ initTab(); $('#GradeMenu ul li').click(function(){ this_id = $(this).attr("id"); tmpArray = this_id.split("_"); if(tmpArray[2] != ''){ changeTabContents(tmpArray[1]); } }); // タブのマウスオーバーでもCSSを変更したい場合はここのコメントアウトを外してください,と思ったけどまだ未完成です。。 /* $('#GradeMenu ul li').mouseover(function(){ this_id = $(this).attr('id'); tmpArray = this_id.split("_"); if(tmpArray[2] != ''){ mouseoverAction(tmpArray[2]); } }); function mouseoverAction(num){ // タブのid変更 openTabNum = 6 - num; close_tab_id = "#GradeMenu_" + num + "_on"; open_tab_id = "#GradeMenu_" + num; for(i = 0; i < 6; i++){ grade = 6 - i; $('#GradeMenu ul li:eq(' + i + ')').attr('id', "GradeMenu_" + grade); } $('#GradeMenu ul li:eq(' + openTabNum + ')').attr('id', "GradeMenu_" + num + "_on"); } */ function initTab(){ $('.GradeMenu_Contents').css('display', 'none'); $('#GradeMenu .GradeMenu_Contents:first').css('display', 'inline'); } function changeTabContents(num){ // タブのid変更 openTabNum = 6 - num; close_tab_id = "#GradeMenu_" + num + "_on"; open_tab_id = "#GradeMenu_" + num; for(i = 0; i < 6; i++){ grade = 6 - i; $('#GradeMenu ul li:eq(' + i + ')').attr('id', "GradeMenu_" + grade); } $('#GradeMenu ul li:eq(' + openTabNum + ')').attr('id', "GradeMenu_" + num + "_on"); // タブの中身変更 // 一回全てのタブ閉じる $('.GradeMenu_Contents').css('display', 'none'); // クリックされた学年のタブの中身だけ表示 $('#GradeMenu .GradeMenu_Contents:eq(' + openTabNum + ')').css('display', 'inline'); } }); //↓昔のfunction.jsから持って来ました。いらないようなら削除 2012/06/29 function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i