Team:Duke

From 2009.igem.org

(Difference between revisions)
Line 119: Line 119:
  <script type="text/javascript">
  <script type="text/javascript">
$(document).ready(function() {
$(document).ready(function() {
-
  // hides the slickbox as soon as the DOM is ready
+
  // Hide all DIV except for Home on page load
  // (a little sooner than page load)
  // (a little sooner than page load)
-
   $('#slickbox').hide();
+
   $('#home-box').show();
-
   $('#slickbox2').hide();
+
  $('#project-box').hide();
-
  // shows the slickbox on clicking the noted link
+
   $('#notebook-box').hide();
-
   $('a#slick-show').click(function() {
+
  $('#team-box').hide();
-
$('#slickbox').show('slow');
+
  $('#about-box').hide();
 +
 
 +
  // Shows home-box and hides all others
 +
   $('a#show-home').click(function() {
 +
  $('#home-box').hide();
 +
  $('#project-box').hide();
 +
  $('#notebook-box').hide();
 +
  $('#team-box').hide();
 +
  $('#about-box').hide();
 +
  $('#home-box').show('400');
  return false;
  return false;
   });
   });
-
  // hides the slickbox on clicking the noted link
+
 
-
   $('a#slick-hide').click(function() {
+
  // Shows project-box and hides all others
-
$('#slickbox').hide('fast');
+
   $('a#show-project').click(function() {
 +
  $('#home-box').hide();
 +
  $('#project-box').hide();
 +
  $('#notebook-box').hide();
 +
  $('#team-box').hide();
 +
  $('#about-box').hide();
 +
  $('#project-box').show('400');
  return false;
  return false;
   });
   });
-
  // toggles the slickbox on clicking the noted link
+
 
-
   $('a#slick-toggle').click(function() {
+
  // Shows notebook-box and hides all others
-
$('#slickbox').toggle(300);
+
   $('a#show-notebook').click(function() {
 +
  $('#home-box').hide();
 +
  $('#project-box').hide();
 +
  $('#notebook-box').hide();
 +
  $('#team-box').hide();
 +
  $('#about-box').hide();
 +
  $('#notebook-box').show('400');
  return false;
  return false;
   });
   });
-
  $('a#slick-toggle2').click(function() {
+
 
-
$('#slickbox').hide();
+
  // Shows team-box and hides all others
-
$('#slickbox2').toggle(300);
+
  $('a#show-team').click(function() {
 +
  $('#home-box').hide();
 +
  $('#project-box').hide();
 +
  $('#notebook-box').hide();
 +
  $('#team-box').hide();
 +
  $('#about-box').hide();
 +
  $('#team-box').show('400');
  return false;
  return false;
   });
   });
 +
 +
// Shows about-box and hides all others
 +
  $('a#show-about').click(function() {
 +
  $('#home-box').hide();
 +
  $('#project-box').hide();
 +
  $('#notebook-box').hide();
 +
  $('#team-box').hide();
 +
  $('#about-box').hide();
 +
  $('#about-box').show('400');
 +
return false;
 +
  });
 +
});
});
  </script>
  </script>
Line 157: Line 196:
<table class="links">
<table class="links">
   <tr>
   <tr>
-
     <td align="center" ><a id="slick-toggle">Home</a></td>
+
     <td align="center" ><a id="show-home">Home</a></td>
-
     <td align="center" ><a id="slick-toggle2">Project</a></td>
+
     <td align="center" ><a id="show-project">Project</a></td>
-
     <td align="center" ><a>Notebook</a></td>
+
     <td align="center" ><a id="show-notebook">Notebook</a></td>
-
     <td align="center" ><a>Team</a></td>
+
     <td align="center" ><a id="show-team">Team</a></td>
-
     <td align="center" ><a>About Duke</a></td>
+
     <td align="center" ><a id="show-about">About Duke</a></td>
   </tr>
   </tr>
</table>
</table>
Line 167: Line 206:
-
<div id="slickbox">
+
<div id="home-box">
-
blahblahblah
+
Home
</div>
</div>
-
<div id="slickbox2">
+
<div id="project-box">
-
more blahblahblah
+
Project
</div>
</div>
 +
<div id="notebook-box">
 +
Notebook
 +
</div>
 +
 +
<div id="team-box">
 +
Team
 +
</div>
 +
 +
<div id="about-box">
 +
About Duke
 +
</div>
</html>
</html>

Revision as of 20:28, 22 September 2009



Home Project Notebook Team About Duke
Home
Project
Notebook
Team
About Duke

Retrieved from "http://2009.igem.org/Team:Duke"