Difference between revisions of "Team:NYU Shanghai/Protocols"
Line 93: | Line 93: | ||
}; | }; | ||
} | } | ||
− | function | + | function expandrd() { |
− | if (document.getElementById(" | + | if (document.getElementById("rd").className === "collapsed") { |
− | document.getElementById(" | + | document.getElementById("rd").style.color = "#d66"; |
− | document.getElementById(" | + | document.getElementById("rdText").style.display = "inline-block"; |
− | document.getElementById(" | + | document.getElementById("rd").className = "expanded"; |
} else{ | } else{ | ||
− | document.getElementById(" | + | document.getElementById("rd").style.color = "white"; |
− | document.getElementById(" | + | document.getElementById("rdText").style.display = "none"; |
− | document.getElementById(" | + | document.getElementById("rd").className = "collapsed"; |
}; | }; | ||
} | } | ||
− | function | + | function expandligate() { |
− | if (document.getElementById(" | + | if (document.getElementById("ligate").className === "collapsed") { |
− | document.getElementById(" | + | document.getElementById("ligate").style.color = "#d66"; |
− | document.getElementById(" | + | document.getElementById("ligateText").style.display = "inline-block"; |
− | document.getElementById(" | + | document.getElementById("ligate").className = "expanded"; |
} else{ | } else{ | ||
− | document.getElementById(" | + | document.getElementById("ligate").style.color = "white"; |
− | document.getElementById(" | + | document.getElementById("ligateText").style.display = "none"; |
− | document.getElementById(" | + | document.getElementById("ligate").className = "collapsed"; |
}; | }; | ||
} | } | ||
− | function | + | function expandgel() { |
− | if (document.getElementById(" | + | if (document.getElementById("gel").className === "collapsed") { |
− | document.getElementById(" | + | document.getElementById("gel").style.color = "#d66"; |
− | document.getElementById(" | + | document.getElementById("gelText").style.display = "inline-block"; |
− | document.getElementById(" | + | document.getElementById("gel").className = "expanded"; |
} else{ | } else{ | ||
− | document.getElementById(" | + | document.getElementById("gel").style.color = "white"; |
− | document.getElementById(" | + | document.getElementById("gelText").style.display = "none"; |
− | document.getElementById(" | + | document.getElementById("gel").className = "collapsed"; |
+ | }; | ||
+ | } | ||
+ | function expandgelex() { | ||
+ | if (document.getElementById("gelex").className === "collapsed") { | ||
+ | document.getElementById("gelex").style.color = "#d66"; | ||
+ | document.getElementById("gelexText").style.display = "inline-block"; | ||
+ | document.getElementById("gelex").className = "expanded"; | ||
+ | } else{ | ||
+ | document.getElementById("gelex").style.color = "white"; | ||
+ | document.getElementById("gelexText").style.display = "none"; | ||
+ | document.getElementById("gelex").className = "collapsed"; | ||
+ | }; | ||
+ | } | ||
+ | function expandPCR() { | ||
+ | if (document.getElementById("PCR").className === "collapsed") { | ||
+ | document.getElementById("PCR").style.color = "#d66"; | ||
+ | document.getElementById("PCRText").style.display = "inline-block"; | ||
+ | document.getElementById("PCR").className = "expanded"; | ||
+ | } else{ | ||
+ | document.getElementById("PCR").style.color = "white"; | ||
+ | document.getElementById("PCRText").style.display = "none"; | ||
+ | document.getElementById("PCR").className = "collapsed"; | ||
+ | }; | ||
+ | } | ||
+ | function expandPCRclean() { | ||
+ | if (document.getElementById("PCRclean").className === "collapsed") { | ||
+ | document.getElementById("PCRclean").style.color = "#d66"; | ||
+ | document.getElementById("PCRcleanText").style.display = "inline-block"; | ||
+ | document.getElementById("PCRclean").className = "expanded"; | ||
+ | } else{ | ||
+ | document.getElementById("PCRclean").style.color = "white"; | ||
+ | document.getElementById("PCRcleanText").style.display = "none"; | ||
+ | document.getElementById("PCRclean").className = "collapsed"; | ||
}; | }; | ||
} | } | ||
Line 161: | Line 194: | ||
<div> | <div> | ||
− | <h4> | + | <h4>3A Assembly</h4> |
</div> | </div> | ||
Line 172: | Line 205: | ||
</div> | </div> | ||
− | <div id="mp" class="collapsed" onclick=" | + | <div id="mp" class="collapsed" onclick="expandmp()"> |
<h5 style="display:inline-block"><span class="noselect">Miniprep</span></h5> | <h5 style="display:inline-block"><span class="noselect">Miniprep</span></h5> | ||
<br> | <br> | ||
Line 180: | Line 213: | ||
</div> | </div> | ||
− | <div id=" | + | <div id="rd" class="collapsed" onclick="expandrd()"> |
− | <h5 style="display:inline-block"><span class="noselect"> | + | <h5 style="display:inline-block"><span class="noselect">Restriction Digest</span></h5> |
<br> | <br> | ||
− | <p id=" | + | <p id="rdText" style="display:none"> |
− | This is how you | + | This is how you do restriction digest. |
</p> | </p> | ||
</div> | </div> | ||
+ | <div id="ligate" class="collapsed" onclick="expandligate()"> | ||
+ | <h5 style="display:inline-block"><span class="noselect">Ligation</span></h5> | ||
+ | <br> | ||
+ | <p id="ligateText" style="display:none"> | ||
+ | This is how you do ligation. | ||
+ | </p> | ||
+ | </div> | ||
+ | <div id="gel" class="collapsed" onclick="expandgel()"> | ||
+ | <h5 style="display:inline-block"><span class="noselect">Gel Electrophoresis</span></h5> | ||
+ | <br> | ||
+ | <p id="gelText" style="display:none"> | ||
+ | This is how you do gel electrophoresis. | ||
+ | </p> | ||
+ | </div> | ||
+ | |||
+ | <div id="gelex" class="collapsed" onclick="expandgelex()"> | ||
+ | <h5 style="display:inline-block"><span class="noselect">Gel Extraction</span></h5> | ||
+ | <br> | ||
+ | <p id="gelexText" style="display:none"> | ||
+ | This is how you do gel extraction. | ||
+ | </p> | ||
+ | </div> | ||
+ | |||
+ | <div id="PCR" class="collapsed" onclick="expandPCR()"> | ||
+ | <h5 style="display:inline-block"><span class="noselect">PCR</span></h5> | ||
+ | <br> | ||
+ | <p id="PCRText" style="display:none"> | ||
+ | This is the conditions we used for PCR. | ||
+ | </p> | ||
+ | </div> | ||
+ | |||
+ | <div id="PCRclean" class="collapsed" onclick="expandPCRclean()"> | ||
+ | <h5 style="display:inline-block"><span class="noselect">PCR Cleanup</span></h5> | ||
+ | <br> | ||
+ | <p id="PCRcleanText" style="display:none"> | ||
+ | This is the conditions we used for PCR cleanup. | ||
+ | </p> | ||
+ | </div> | ||
</html> | </html> |
Revision as of 17:14, 11 September 2015