Team:Queens Canada/Notebook/Week3

From 2012.igem.org

(Difference between revisions)
Line 14: Line 14:
</head>
</head>
-
<body>
+
<div class="labcontent">
<div class="kwicks_container">
<div class="kwicks_container">
   <ul class="kwicks">
   <ul class="kwicks">
   <li id="kwick_1">
   <li id="kwick_1">
-
   <a href="">notebook
+
   <a href="" id="notebook">notebook
   <h3>Front page</h3>
   <h3>Front page</h3>
     </a>
     </a>
   </li>
   </li>
   <li id="kwick_2">
   <li id="kwick_2">
-
   <a href="">Protocols
+
   <a href="" id="protocols">Protocols
   <h3>Makeup web page</h3>
   <h3>Makeup web page</h3>
     </a>
     </a>
Line 29: Line 29:
   </ul>
   </ul>
-
</div><br />
+
</div>
-
<br />
+
<div id="labcontent" style="display:block">
 +
        <p id="protocolcontent">Protocol Content</p>
 +
<p id="notebookcontent">
 +
        Notebook Content </p>
 +
</div>
 +
 
 +
     
 +
<script>
 +
        $("#notebook").click(function () {
 +
          $("#protocolcontent").fadeOut(250, function () {
 +
            $("#notebookcontent").fadeIn(250);
 +
});                 
 +
return false;
 +
        });
 +
 
 +
      </script>
 +
<script>
 +
        $("#protocols").click(function () {
 +
          $("#notebookcontent").fadeOut(250, function () {
 +
            $("#protocolcontent").fadeIn(250);
 +
});     
 +
                  return false;
 +
        });
 +
 
 +
      </script>
 +
 
 +
</div>
</body>
</body>

Revision as of 20:07, 29 May 2012

Control

Protocol Content

Notebook Content