Team:Queens Canada/Notebook/Week2

From 2012.igem.org

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

Revision as of 20:06, 29 May 2012

Control

Protocol Content

Notebook Content