|
|
Line 1: |
Line 1: |
- | {{MIT-header2}}
| |
- | {{MIT-style-team}}
| |
- | <html>
| |
- | <head>
| |
| | | |
- | <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
| |
- | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
| |
- | <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
| |
- |
| |
- |
| |
- | <!-- TODO: add pre/n buttons -->
| |
- | <script>
| |
- | $(document).ready(function(){
| |
- | $('.bio').css('display','none');
| |
- | $('.col_list li').css('cursor','pointer');
| |
- | $('.col_list li').hover(function() {
| |
- | $(this).css('background-color','#a3abae');
| |
- | }, function() {
| |
- | $(this).css('background-color','#ffffff');
| |
- | });
| |
- |
| |
- | $("#accordion").accordion();
| |
- |
| |
- | $('.col_list li').click(function () {
| |
- | $('.bio').hide();
| |
- | var name = $(this).attr('id');
| |
- | $('#'+name+'bio').fadeIn(500);
| |
- |
| |
- | });
| |
- | });
| |
- | </script>
| |
- | </head>
| |
- |
| |
- | <body>
| |
- |
| |
- | <div id="col_nav">
| |
- |
| |
- | <div id="accordion">
| |
- | <h3><a href="#">Mammalian</a></h3>
| |
- | <div class="col_list">
| |
- | <ul>
| |
- | <li id="ga">Cell Culture</li>
| |
- | <li id="ea">Transfection</li>
| |
- | <li id="kb">Flow Cytometry</li>
| |
- |
| |
- |
| |
- | </ul>
| |
- | </div><!-- end Mammalian -->
| |
- |
| |
- | <h3><a href="#">Bacteria</a></h3>
| |
- |
| |
- | <div class="col_list">
| |
- | <ul>
| |
- | <li id="rw">Cloning</li>
| |
- | <li id="jb">Placeholder</li>
| |
- |
| |
- | </ul>
| |
- | </div><!-- end Bacteria-->
| |
- |
| |
- | </div>
| |
- |
| |
- | </div><!--end col_nav-->
| |
- |
| |
- |
| |
- | <div class="protocol" id="mamprotocol">
| |
- | <h1> Cell Culture</h1>
| |
- |
| |
- | Blerg.
| |
- | <div class="clear"></div>
| |
- | </div>
| |
- |
| |
- | <div class="protocol" id="mamprotocol">
| |
- | <h1> Flow Cytometry</h1>
| |
- |
| |
- | Blerg.
| |
- | <div class="clear"></div>
| |
- | </div>
| |
- |
| |
- | <div id='next' style="float:right; margin-top: 20px;"> </div>
| |
- | </div><!--end col_left-->
| |
- |
| |
- | </body>
| |
- | </html>
| |