Difference between revisions of "Team:UiOslo Norway/Experiments/test"

 
(3 intermediate revisions by the same user not shown)
Line 9: Line 9:
 
if(!e)return true;
 
if(!e)return true;
 
if(e.style.display=="none"){
 
if(e.style.display=="none"){
e.style.display="block"
+
e.style.display="block";
i.src = 'http://laimages.s3.amazonaws.com/data/imagemanager/382/Arrow-Down-GreenShade30.png';
+
 
} else {
 
} else {
e.style.display="none"
+
e.style.display="none";
i.src = 'http://laimages.s3.amazonaws.com/data/imagemanager/382/Arrow-Right-GreenShade30.png';
+
 
}
 
}
 
return false;
 
return false;
Line 21: Line 19:
 
<a style="cursor:pointer;" onclick="return toggleMe('para1')"><h2>Handling bacteria </h2><img src="https://static.igem.org/mediawiki/2015/4/4f/UiOslo_Molecular_biolog_overview_e.jpg"/></a>
 
<a style="cursor:pointer;" onclick="return toggleMe('para1')"><h2>Handling bacteria </h2><img src="https://static.igem.org/mediawiki/2015/4/4f/UiOslo_Molecular_biolog_overview_e.jpg"/></a>
 
<div id="para1" style="display:none;">
 
<div id="para1" style="display:none;">
By using the steps/code above, you'll be able to make a list of questions and have the answers expand/hide whenever anyone clicks on a question.
+
</br>
</div>
+
 
+
 
+
<h3><a style="cursor:pointer;" onclick="return toggleMe('para2')"><img id="para2_image" src="http://laimages.s3.amazonaws.com/data/imagemanager/382/Arrow-Right-GreenShade30.png" style="border:0;margin-right:5px;vertical-align:middle;" />Isn't this awesome?</a></h3>
+
<div id="para2" style="display:none;">
+
Sure is! :)
+
</div>
+
 
+
<h3><a style="cursor:pointer;" onclick="return toggleMe('para3')"><img id="para3_image" src="http://laimages.s3.amazonaws.com/data/imagemanager/382/Arrow-Right-GreenShade30.png" style="border:0;margin-right:5px;vertical-align:middle;" />Can I use HTML in my answers?</a></h3>
+
<div id="para3" style="display:none;">
+
Absolutely! Check out this list of awesome links:
+
<ul>
+
<li><a href="http://guidefaq.com/">Guide FAQ</a></li>
+
<li><a href="http://help.springshare.com/">Springshare Help</a></li>
+
<li><a href="http://blog.springshare.com/">Springshare Support Blog</a>: Keep up with all the new functionality - keep up with our blog!</li>
+
<li><a href="http://springsharelounge.com/">Springshare Lounge</a>: Keep up with all Springshare users!</li>
+
</ul>
+
</div>
+
 
+
 
+
<h2>Handling bacteria </h2>
+
 
<ul>
 
<ul>
 
<li><p><a href="https://2015.igem.org/Team:UiOslo_Norway/Experiments/E_coli_strains"><i>E. coli</i> strains </a></p></li>
 
<li><p><a href="https://2015.igem.org/Team:UiOslo_Norway/Experiments/E_coli_strains"><i>E. coli</i> strains </a></p></li>
Line 53: Line 30:
  
 
</ul>
 
</ul>
 +
</div>
 +
  
 
</div>
 
</div>
 
</html>
 
</html>

Latest revision as of 10:46, 3 September 2015