閲覧ありがとうございます。
ただ今、Javascript(Jqueryは使いません)を使ってタグの切り替え、クリックで色の変更のコードを書いています。
一旦の実装はできたのですが、かなり冗長なコードになっており、どうにか簡単にできないものかと試行錯誤しています。
for文を使うとは思うのですが、どうやって一つをクリックしたらそれ以外を非表示にする*タブを一つにまとめればいいのかわかりません。
Javascript
1var tabs = document.getElementsByClassName('tab'); 2var pages = document.getElementsByClassName('tab_content'); 3 4window.onload = setTab; 5 6function setTab(){ 7 for(var i=0; i<tabs.length; i++){ 8 tabs[i].onclick = changeTab; 9 } 10} 11 12function changeTab(){ 13 var targetid = this.div.substring(this.div.indexOf('#')+1,this.div.length); 14 for(var i=0; i<pages.length; i++){ 15 if(pages[I].id !=targetid){ 16 pages[i].style.display="block"; 17 }else{ 18 pages[i].style.display="none"; 19 } 20 }return false; 21}
回答1件
あなたの回答
tips
プレビュー