"
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
