Difference between revisions of "Team:NYU Shanghai/Protocols"
m |
|||
Line 21: | Line 21: | ||
} | } | ||
h5 { | h5 { | ||
− | font-size: | + | font-size: 24px; |
color: white; | color: white; | ||
font-family: "bebasneue"; | font-family: "bebasneue"; | ||
Line 60: | Line 60: | ||
}; | }; | ||
} | } | ||
− | function | + | function expandSOC() { |
− | if (document.getElementById(" | + | if (document.getElementById("SOC").className === "collapsed") { |
− | document.getElementById(" | + | document.getElementById("SOC").style.color = "#d66"; |
− | document.getElementById(" | + | document.getElementById("SOCText").style.display = "inline-block"; |
− | document.getElementById(" | + | document.getElementById("SOC").className = "expanded"; |
} else{ | } else{ | ||
− | document.getElementById("color").style.color = "white"; | + | document.getElementById("SOC").style.color = "white"; |
− | document.getElementById(" | + | document.getElementById("SOCText").style.display = "none"; |
− | document.getElementById("color").className = "collapsed"; | + | document.getElementById("SOC").className = "collapsed"; |
+ | }; | ||
+ | } | ||
+ | function expandtransform() { | ||
+ | if (document.getElementById("transform").className === "collapsed") { | ||
+ | document.getElementById("transform").style.color = "#d66"; | ||
+ | document.getElementById("transformText").style.display = "inline-block"; | ||
+ | document.getElementById("transform").className = "expanded"; | ||
+ | } else{ | ||
+ | document.getElementById("transform").style.color = "white"; | ||
+ | document.getElementById("transformText").style.display = "none"; | ||
+ | document.getElementById("transform").className = "collapsed"; | ||
+ | }; | ||
+ | } | ||
+ | function expandmp() { | ||
+ | if (document.getElementById("mp").className === "collapsed") { | ||
+ | document.getElementById("mp").style.color = "#d66"; | ||
+ | document.getElementById("mpText").style.display = "inline-block"; | ||
+ | document.getElementById("mp").className = "expanded"; | ||
+ | } else{ | ||
+ | document.getElementById("mp").style.color = "white"; | ||
+ | document.getElementById("mpText").style.display = "none"; | ||
+ | document.getElementById("mp").className = "collapsed"; | ||
+ | }; | ||
+ | } | ||
+ | function expandSOC() { | ||
+ | if (document.getElementById("SOC").className === "collapsed") { | ||
+ | document.getElementById("SOC").style.color = "#d66"; | ||
+ | document.getElementById("SOCText").style.display = "inline-block"; | ||
+ | document.getElementById("SOC").className = "expanded"; | ||
+ | } else{ | ||
+ | document.getElementById("SOC").style.color = "white"; | ||
+ | document.getElementById("SOCText").style.display = "none"; | ||
+ | document.getElementById("SOC").className = "collapsed"; | ||
+ | }; | ||
+ | } | ||
+ | function expandSOC() { | ||
+ | if (document.getElementById("SOC").className === "collapsed") { | ||
+ | document.getElementById("SOC").style.color = "#d66"; | ||
+ | document.getElementById("SOCText").style.display = "inline-block"; | ||
+ | document.getElementById("SOC").className = "expanded"; | ||
+ | } else{ | ||
+ | document.getElementById("SOC").style.color = "white"; | ||
+ | document.getElementById("SOCText").style.display = "none"; | ||
+ | document.getElementById("SOC").className = "collapsed"; | ||
+ | }; | ||
+ | } | ||
+ | function expandSOC() { | ||
+ | if (document.getElementById("SOC").className === "collapsed") { | ||
+ | document.getElementById("SOC").style.color = "#d66"; | ||
+ | document.getElementById("SOCText").style.display = "inline-block"; | ||
+ | document.getElementById("SOC").className = "expanded"; | ||
+ | } else{ | ||
+ | document.getElementById("SOC").style.color = "white"; | ||
+ | document.getElementById("SOCText").style.display = "none"; | ||
+ | document.getElementById("SOC").className = "collapsed"; | ||
}; | }; | ||
} | } | ||
Line 96: | Line 151: | ||
</p> | </p> | ||
</div> | </div> | ||
+ | |||
+ | <div id="SOC" class="collapsed" onclick="expandSOC()"> | ||
+ | <h5 style="display:inline-block"><span class="noselect">SOC Media</span></h5> | ||
+ | <br> | ||
+ | <p id="SOCText" style="display:none"> | ||
+ | This is how you make SOC media. | ||
+ | </p> | ||
+ | </div> | ||
+ | |||
+ | <div> | ||
+ | <h4>Transformation</h4> | ||
+ | </div> | ||
+ | |||
+ | <div id="transform" class="collapsed" onclick="expandtransform()"> | ||
+ | <h5 style="display:inline-block"><span class="noselect">Transformation</span></h5> | ||
+ | <br> | ||
+ | <p id="transformText" style="display:none"> | ||
+ | This is how you transform bacteria. | ||
+ | </p> | ||
+ | </div> | ||
+ | |||
+ | <div id="mp" class="collapsed" onclick="expandtransform()"> | ||
+ | <h5 style="display:inline-block"><span class="noselect">Miniprep</span></h5> | ||
+ | <br> | ||
+ | <p id="mpText" style="display:none"> | ||
+ | This is how you miniprep. | ||
+ | </p> | ||
+ | </div> | ||
+ | |||
+ | <div id="transform" class="collapsed" onclick="expandtransform()"> | ||
+ | <h5 style="display:inline-block"><span class="noselect">SOC Media</span></h5> | ||
+ | <br> | ||
+ | <p id="transformText" style="display:none"> | ||
+ | This is how you transform bacteria. | ||
+ | </p> | ||
+ | </div> | ||
+ | |||
</html> | </html> |
Revision as of 17:08, 11 September 2015