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

(Created page with "{{UiOslo_Norway}} <html> </div> </html>")
 
Line 1: Line 1:
 
{{UiOslo_Norway}}
 
{{UiOslo_Norway}}
 
<html>
 
<html>
 +
 +
 +
<script type="text/javascript">
 +
function toggleMe(a){
 +
var e=document.getElementById(a);
 +
var i = document.getElementById(a + '_image');
 +
if(!e)return true;
 +
if(e.style.display=="none"){
 +
e.style.display="block"
 +
i.src = 'http://laimages.s3.amazonaws.com/data/imagemanager/382/Arrow-Down-GreenShade30.png';
 +
} else {
 +
e.style.display="none"
 +
i.src = 'http://laimages.s3.amazonaws.com/data/imagemanager/382/Arrow-Right-GreenShade30.png';
 +
}
 +
return false;
 +
}
 +
</script>
 +
 +
<h3><a style="cursor:pointer;" onclick="return toggleMe('para1')"><img id="para1_image" src="http://laimages.s3.amazonaws.com/data/imagemanager/382/Arrow-Right-GreenShade30.png" style="border:0;margin-right:5px;vertical-align:middle;" />How does this work?</a></h3>
 +
<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.
 +
</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>
 +
  
 
</div>
 
</div>
 
</html>
 
</html>

Revision as of 09:50, 3 September 2015

How does this work?

Isn't this awesome?

Can I use HTML in my answers?