Team:Queens Canada/SynthetiQ/PCR
From 2012.igem.org
(Difference between revisions)
(17 intermediate revisions not shown) | |||
Line 32: | Line 32: | ||
background-color: red; | background-color: red; | ||
margin-top: 40px; | margin-top: 40px; | ||
+ | position:relative; | ||
} | } | ||
#synthetiqvideo | #synthetiqvideo | ||
{ | { | ||
width:1000px; | width:1000px; | ||
- | + | position:relative; | |
background-color:green; | background-color:green; | ||
+ | float:left; | ||
} | } | ||
Line 53: | Line 55: | ||
<ul class="kwicks"> | <ul class="kwicks"> | ||
<li id="kwick_1"> | <li id="kwick_1"> | ||
- | <a href="" id="video">Video | + | <a href="#" id="video">Video |
</a> | </a> | ||
</li> | </li> | ||
<li id="kwick_2"> | <li id="kwick_2"> | ||
- | <a href="" id="protocols">Protocols | + | <a href="#" id="protocols">Protocols |
</a> | </a> | ||
</li> | </li> | ||
Line 66: | Line 68: | ||
<div id="synthetiqcontent"> | <div id="synthetiqcontent"> | ||
<div id="synthetiqvideo"> | <div id="synthetiqvideo"> | ||
- | video | + | video content |
</div> | </div> | ||
<div id="synthetiqprotocol"> | <div id="synthetiqprotocol"> | ||
- | protocol | + | protocol content |
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
- | $(" | + | $("#video").click(function(){ |
- | $("#synthetiqcontent").filter(':not(:animated)').animate({ left: "0px" | + | $("#synthetiqcontent").filter(':not(:animated)').animate({left: "0px"}); |
}); | }); | ||
- | $(" | + | </script> |
- | $("#synthetiqcontent").filter(':not(:animated)').animate({ left: "-1000px" | + | <script type="text/javascript"> |
+ | $("#protocols").click(function(){ | ||
+ | $("#synthetiqcontent").filter(':not(:animated)').animate({ "left": "-1000px" }); | ||
}); | }); | ||
+ | |||
</script> | </script> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 05:37, 17 August 2012
Control