Line 10: | Line 10: | ||
} | } | ||
</style> | </style> | ||
+ | |||
+ | <script> | ||
+ | function openrequirement(evt, requirementName) { | ||
+ | var i, x, tablinks; | ||
+ | x = document.getElementsByClassName("requirement"); | ||
+ | for (i = 0; i < x.length; i++) { | ||
+ | x[i].style.display = "none"; | ||
+ | } | ||
+ | tablinks = document.getElementsByClassName("tablink"); | ||
+ | for (i = 0; i < x.length; i++) { | ||
+ | tablinks[i].className = tablinks[i].className.replace(" w3-border-red", ""); | ||
+ | } | ||
+ | document.getElementById(requirementName).style.display = "block"; | ||
+ | evt.currentTarget.firstElementChild.className += " w3-border-red"; | ||
+ | } | ||
+ | </script> | ||
+ | |||
</head> | </head> | ||
Line 132: | Line 149: | ||
</div> | </div> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</body> | </body> |
Revision as of 13:12, 18 October 2016
<div class="w3-third tablink w3-bottombar w3-hover-light-grey w3-padding">Bronze</div>
<div class="w3-third tablink w3-bottombar w3-hover-light-grey w3-padding">Silver</div>
<div class="w3-third tablink w3-bottombar w3-hover-light-grey w3-padding">Gold</div>
Bronze
Bronze text.
Silver
Silver text.
Gold
Gold text.