■HTML <div class="sampletab" id="sampletab1">aaa</div> <div class="sampletab" id="sampletab2">bbb</div> <div class="sampletab" id="sampletab3">ccc</div> <p class="sampletabs"> <a onclick="ChangeTab('sampletab1');" class="sampletab1 button">ボタン1</a> <a onclick="ChangeTab('sampletab2');" class="sampletab2 button">ボタン2</a> <a onclick="ChangeTab('sampletab3');" class="sampletab3 button">ボタン3</a> </p>
■CSS .button { padding: 5px; background:yellow; }
■JS ChangeTab('sampletab1'); function ChangeTab(tabname) { // 全部消す document.getElementById('sampletab1').style.display = 'none'; document.getElementById('sampletab2').style.display = 'none'; document.getElementById('sampletab3').style.display = 'none'; // 指定箇所のみ表示 if(tabname) { document.getElementById(tabname).style.display = 'inline-block'; } }
よくあるタブ切り替えなのですが、このJSで押されていないボタンの色をグレーにしたい場合どうすればよいでしょうか?
ご教授お願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。