Team:Queens Canada/Notebook/Week2

From 2012.igem.org

(Difference between revisions)
Line 9: Line 9:
#NotebookNav .menu .primary-menu #w2 a:hover{
#NotebookNav .menu .primary-menu #w2 a:hover{
     background: none repeat scroll 0 0 #00438F;
     background: none repeat scroll 0 0 #00438F;
 +
}
 +
#p fadelinknotebook
 +
#protocolcontent
 +
{
 +
display:none;
}
}
</style>
</style>
</head>
</head>
<body>
<body>
 +
<div id="content2">
 +
<p id="fadelinknotebook"> <a href="#" id="fadeinnotebook">notebook</a> </p>
 +
<p id="fadelinknotebook"> <a href="#" id="fadeinprotocol">protocol</a> </p>
 +
<div id="notebookcontent">
 +
Sample notebook content
 +
Sample notebook content
 +
Sample notebook content
 +
</div>
 +
<div id="protocolcontent">
 +
Sample protocol content
 +
Sample protocol content
 +
Sample protocol content
 +
</div>
 +
<script>
 +
        $("#fadeinnotebook").click(function () {
 +
          $("#protocolcontent").fadeOut(5000, function () {
 +
            $("#notebookcontent").fadeIn(900);
 +
          });
 +
          return false;
 +
        });
 +
 +
</script>
 +
<script>
 +
        $("#fadeinprotocol").click(function () {
 +
          $("#notebookcontent").fadeOut(5000, function () {
 +
            $("#protocolcontent").fadeIn(900);
 +
          });
 +
          return false;
 +
        });
 +
 +
</script>
 +
 +
</div>
 +
</body>
</body>

Revision as of 13:19, 28 May 2012
Control

notebook

protocol

Sample notebook content Sample notebook content Sample notebook content
Sample protocol content Sample protocol content Sample protocol content

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