Team:Queens Canada/SynthetiQ/PCR

From 2012.igem.org

(Difference between revisions)
 
(13 intermediate revisions not shown)
Line 37: Line 37:
{
{
width:1000px;
width:1000px;
-
float:left;
+
position:relative;
background-color:green;
background-color:green;
 +
float:left;
}
}
Line 54: 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 67: 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>  
Line 76: Line 77:
<script type="text/javascript">
<script type="text/javascript">
$("#video").click(function(){
$("#video").click(function(){
-
     $("#synthetiqcontent").filter(':not(:animated)').animate({ left: "=0px" });
+
     $("#synthetiqcontent").filter(':not(:animated)').animate({left: "0px"});
});
});
-
                  return false;
+
 
-
        });
+
</script>
</script>
<script type="text/javascript">
<script type="text/javascript">
$("#protocols").click(function(){
$("#protocols").click(function(){
-
     $("#synthetiqcontent").filter(':not(:animated)').animate({ left: "=-1000px" });
+
     $("#synthetiqcontent").filter(':not(:animated)').animate({ "left": "-1000px" });
});
});
-
    return false;
+
 
-
        });
+
</script>
</script>
</body>
</body>
</html>
</html>

Latest revision as of 05:37, 17 August 2012

Control
video content
protocol content