Template:Queens Canada/Notebook

From 2012.igem.org

(Difference between revisions)
Line 505: Line 505:
<body>
<body>
 +
<div class="labcontent">
 +
<div class="kwicks_container">
 +
  <ul class="kwicks">
 +
  <li id="kwick_1">
 +
  <a href="" id="notebook">notebook
 +
  <h3>Front page</h3>
 +
    </a>
 +
  </li>
 +
  <li id="kwick_2">
 +
  <a href="" id="protocols">Protocols
 +
  <h3>Makeup web page</h3>
 +
    </a>
 +
  </li>
 +
  </ul>
 +
</div>
 +
<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>
</html>
</html>

Revision as of 19:58, 29 May 2012

Protocol Content

Notebook Content