Difference between revisions of "Team:Freiburg/Results"
| Line 5: | Line 5: | ||
<html> | <html> | ||
<head> | <head> | ||
| + | <style> | ||
| + | button.accordion { | ||
| + | background-color: #eee; | ||
| + | color: #444; | ||
| + | cursor: pointer; | ||
| + | padding: 25px; | ||
| + | width: 100%; | ||
| + | border: none; | ||
| + | text-align: left; | ||
| + | outline: none; | ||
| + | font-size: 20px; | ||
| + | transition: 1s; | ||
| + | border-radius: 10px 10px 0px 0px; | ||
| + | font-weight: 600; | ||
| + | padding-left: 40px; | ||
| + | } | ||
| + | button.accordion.active, button.accordion:hover { | ||
| + | background-color: #ccc; | ||
| + | } | ||
| + | |||
| + | div.panel { | ||
| + | padding: 0 18px; | ||
| + | background-color: white; | ||
| + | max-height: 0; | ||
| + | overflow: hidden; | ||
| + | transition: max-height 1s ease-in; | ||
| + | border-radius: 0px 0px 10px 10px; | ||
| + | } | ||
</style> | </style> | ||
</head> | </head> | ||
| Line 19: | Line 47: | ||
<h1 align="center">Results</h1></div> | <h1 align="center">Results</h1></div> | ||
| − | <div class="item | + | <div class="item"> |
| + | <button class="accordion" style="font-size: 130%"><a href="">Knockout</a></button> | ||
| + | <div class="panel panel-default"></div> | ||
| + | |||
| + | <button class="accordion" style="font-size: 130%"><a href="">Promoter characterization</a></button> | ||
| + | <div class="panel panel-default"></div> | ||
| − | + | <button class="accordion" style="font-size: 130%"><a href="">Modeling</a></button> | |
| − | + | <div class="panel panel-default"></div> | |
| − | + | ||
| + | |||
| + | |||
| + | |||
| + | <script> | ||
| + | var acc = document.getElementsByClassName("accordion"); | ||
| + | var i; | ||
| + | |||
| + | for (i = 0; i < acc.length; i++) { | ||
| + | acc[i].onclick = function() { | ||
| + | this.classList.toggle("active"); | ||
| + | var panel = this.nextElementSibling; | ||
| + | if (panel.style.maxHeight){ | ||
| + | panel.style.maxHeight = null; | ||
| + | } else { | ||
| + | panel.style.maxHeight = panel.scrollHeight + "px"; | ||
| + | } | ||
| + | } | ||
| + | } | ||
| + | </script> | ||
Revision as of 18:38, 21 October 2017
Results
