Team:KAIST Korea/Notebook Protocol

From 2012.igem.org

(Difference between revisions)
Line 4: Line 4:
<head>
<head>
<link href='http://fonts.googleapis.com/css?family=Qwigley|Open+Sans:600italic,400,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Qwigley|Open+Sans:600italic,400,800' rel='stylesheet' type='text/css'>
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script>
<script type="text/javascript">
<script type="text/javascript">
   WebFontConfig = {
   WebFontConfig = {
Line 91: Line 92:
}
}
 +
#arc_wrapper {
 +
width: 650px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
 +
 +
.accordionButton {
 +
width: 650px;
 +
float: left;
 +
_float: none;  /* Float works in all browsers but IE6 */
 +
background-color:#848383;
 +
border-bottom: 1px solid #FFFFFF;
 +
cursor: pointer;
 +
}
 +
 +
.accordionContent {
 +
width: 650px;
 +
float: left;
 +
_float: none; /* Float works in all browsers but IE6 */
 +
background-color: #5c5858;
 +
}
</style>
</style>
</head>
</head>
Line 112: Line 134:
<span id="sub-title">Please enter sub title</span></br></br>
<span id="sub-title">Please enter sub title</span></br></br>
-
</div>
 
</div>
</div>
 +
<div id="arc_wrapper">
 +
<div class="accordionButton">Protocol 1 title</div>
 +
<div class="accordionContent">Protocol 1 content<br /><br /><br /><br /><br /><br /></div>
 +
<div class="accordionButton">Protocol 2 title</div>
 +
<div class="accordionContent">Protocol 2 content<br /><br /><br /><br /><br /><br /></div>
 +
<div class="accordionButton">Protocol 3 title</div>
 +
<div class="accordionContent">Protocol 3 content<br /><br /><br /><br /><br /><br /></div>
 +
<div class="accordionButton">Protocol 4 title</div>
 +
<div class="accordionContent">Protocol 4 content<br /><br /><br /><br /><br /><br /></div>
 +
</div>
 +
</div>
</div>
</div>
 +
<script>
 +
$(document).ready(function() {
 +
$('.accordionButton').click(function() {
 +
$('.accordionButton').removeClass('on');
 +
$('.accordionContent').slideUp('normal');
 +
if($(this).next().is(':hidden') == true) {
 +
$(this).addClass('on');
 +
$(this).next().slideDown('normal');
 +
}
 +
 
 +
});
 +
 +
$('.accordionContent').hide();
 +
 +
});
 +
</script>
</body>
</body>
</html>
</html>
{{:Team:KAIST_Korea/footer}}
{{:Team:KAIST_Korea/footer}}

Revision as of 04:57, 22 August 2012

KAIST Korea 2012 iGEM

image description

Lab Protocols

Please enter sub title

Protocol 1 title
Protocol 1 content





Protocol 2 title
Protocol 2 content





Protocol 3 title
Protocol 3 content





Protocol 4 title
Protocol 4 content





Kaist Footer

Retrieved from "http://2012.igem.org/Team:KAIST_Korea/Notebook_Protocol"