Template:Queens Canada/Notebook
From 2012.igem.org
(Difference between revisions)
Line 422: | Line 422: | ||
background-position:0px -300px; | background-position:0px -300px; | ||
} | } | ||
- | + | 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> | ||
Line 470: | Line 476: | ||
<ul class="kwicks"> | <ul class="kwicks"> | ||
<li id="kwick_1"> | <li id="kwick_1"> | ||
- | <a href="">notebook | + | <a href="" id="notebook">notebook |
<h3>Front page</h3> | <h3>Front page</h3> | ||
</a> | </a> | ||
</li> | </li> | ||
<li id="kwick_2"> | <li id="kwick_2"> | ||
- | <a href="">Protocols | + | <a href="" id="protocols">Protocols |
<h3>Makeup web page</h3> | <h3>Makeup web page</h3> | ||
</a> | </a> | ||
Line 482: | Line 488: | ||
</ul> | </ul> | ||
</div> | </div> | ||
+ | <body> | ||
+ | <div id="content2" style="height: 200px"> | ||
+ | <ul id="fade2"><span id="protocolcontent">protocol Content</span> | ||
+ | <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> | ||
+ | |||
</html> | </html> |
Revision as of 14:17, 29 May 2012
- protocol Content
Notebook Content