Team:Queens Canada/Notebook/Week1

From 2012.igem.org

(Difference between revisions)
Line 12: Line 12:
}
}
-
      p fade1 { position:inline;  }
 
-
      ul fade2 { position:inline; 
 
-
        font-size:36px; text-align:center;
 
-
        color:yellow; background:red;
 
-
        padding-top:25px;
 
-
        top:0; left:0; display:none; }
 
-
        span { display:none; }
 
</style>
</style>
</head>
</head>
<body>
<body>
-
<div id="content2" style="height: 200px">(<a href="#" id="notebook">notebook</a>) <a href="#" id="protocols">protocols </a>
+
<div class="labcontent">
-
        <ul id="fade2"><span id="fade4">Test</span>
+
<div class="kwicks_container">
-
  <p id="fade1">
+
  <ul class="kwicks">
-
         This is a test </p>
+
  <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>
</div>
Line 32: Line 41:
<script>
<script>
         $("#notebook").click(function () {
         $("#notebook").click(function () {
-
           $("#fade1").fadeOut(250, function () {
+
           $("#protocolcontent").fadeOut(250, function () {
-
             $("#fade4").fadeIn(250);
+
             $("#notebookcontent").fadeIn(250);
});                   
});                   
return false;
return false;
Line 41: Line 50:
<script>
<script>
         $("#protocols").click(function () {
         $("#protocols").click(function () {
-
           $("#fade4").fadeOut(250, function () {
+
           $("#notebookcontent").fadeOut(250, function () {
-
             $("#fade1").fadeIn(250);
+
             $("#protocolcontent").fadeIn(250);
});       
});       
                   return false;
                   return false;
Line 48: Line 57:
       </script>
       </script>
 +
  </div>
  </div>
</body>
</body>

Revision as of 19:57, 29 May 2012
Control

Protocol Content

Notebook Content

Retrieved from "http://2012.igem.org/Team:Queens_Canada/Notebook/Week1"