Mguillaume (Talk | contribs) |
Mguillaume (Talk | contribs) |
||
Line 8: | Line 8: | ||
</title> | </title> | ||
<!-- icons --> | <!-- icons --> | ||
− | <script async="" src="https://2017.igem.org/Team:Amsterdam/https:// | + | <script async="" src="https://2017.igem.org/Team:Amsterdam/https://2017.igem.org/common/MathJax-2.5-latest/MathJax?action=raw&ctype=text/javascript" type="text/javascript"> |
</script> | </script> | ||
<!-- include normalizer --> | <!-- include normalizer --> | ||
Line 181: | Line 181: | ||
<div class="vertical-text-container"> | <div class="vertical-text-container"> | ||
<p class="vertical-text"> | <p class="vertical-text"> | ||
− | + | Produce | |
</p> | </p> | ||
</div> | </div> | ||
Line 198: | Line 198: | ||
Highlights | Highlights | ||
</h1> | </h1> | ||
+ | <ul class="highlights-list"> | ||
+ | <li> | ||
+ | </li> | ||
+ | <li> | ||
+ | </li> | ||
+ | <li> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="module-collapsible-container-outer" id=""> | ||
+ | <p class="in-text-link" id="" onclick="displayCollapsible(this.id)"> | ||
+ | ▶ | ||
+ | </p> | ||
+ | <div class="module-collapsible-container-inner" id="" style="display:none;"> | ||
+ | <p class="collapsible-main-header" id=""> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="module-visible-container"> | ||
+ | <h1> | ||
+ | References | ||
+ | </h1> | ||
+ | <ol class="references-list"> | ||
+ | <li> | ||
+ | </li> | ||
+ | <li> | ||
+ | </li> | ||
+ | <li> | ||
+ | </li> | ||
+ | </ol> | ||
</div> | </div> | ||
</div> | </div> | ||
<script> | <script> | ||
function displayCollapsible(clicked_id) { | function displayCollapsible(clicked_id) { | ||
+ | |||
var inner = document.querySelector("#"+clicked_id+".module-collapsible-container-inner"); | var inner = document.querySelector("#"+clicked_id+".module-collapsible-container-inner"); | ||
var text = document.querySelector("#"+clicked_id+".module-collapsible-container-outer > .in-text-link") | var text = document.querySelector("#"+clicked_id+".module-collapsible-container-outer > .in-text-link") | ||
if (inner.style.display === "none") { | if (inner.style.display === "none") { | ||
inner.style.display = "flex"; | inner.style.display = "flex"; | ||
− | text.innerHTML = text.innerHTML.replace(/ | + | console.log(text.innerHTML); |
+ | text.innerHTML = text.innerHTML.replace(/▶/g, "▼"); | ||
} else { | } else { | ||
inner.style.display = "none"; | inner.style.display = "none"; | ||
− | text.innerHTML = text.innerHTML.replace(/ | + | text.innerHTML = text.innerHTML.replace(/▼/g, "▶"); |
} | } |
Revision as of 15:38, 1 November 2017
Produce
Overview
Highlights
▶