Team:MIT/Results
From 2012.igem.org
(Difference between revisions)
(Created page with "{{MIT-header2}}") |
|||
Line 1: | Line 1: | ||
{{MIT-header2}} | {{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="#">Bacterial</a></h3> | ||
+ | <div class="col_list"> | ||
+ | <ul> | ||
+ | <li id="b1">Placeholder1</li> | ||
+ | <li id="b2">Placeholder2</li> | ||
+ | <li id="place"> _</li> | ||
+ | <li id="place"> _</li> | ||
+ | <li id="place"> _</li> | ||
+ | <li id="place"> _</li> | ||
+ | |||
+ | |||
+ | |||
+ | </ul> | ||
+ | </div><!-- end bacterial --> | ||
+ | |||
+ | <h3><a href="#">In Vitro</a></h3> | ||
+ | |||
+ | <div class="col_list"> | ||
+ | <ul> | ||
+ | <li id="iv1">Gate Anneals</li> | ||
+ | <li id="iv2">Plate Reader Studies</li> | ||
+ | |||
+ | </ul> | ||
+ | </div><!-- end invitro--> | ||
+ | |||
+ | <h3><a href="#">Mammalian</a></h3> | ||
+ | |||
+ | <div class="col_list"> | ||
+ | <ul> | ||
+ | <li id="m1"> DNA Transfection </li> | ||
+ | <li id="m2"> RNA Transfection </li> | ||
+ | <li id="m3"> DNA and RNA Cotransfection </li> | ||
+ | <li id="m4"> Gelatin Pretreatment </li> | ||
+ | <li id="m5"> Passaging Cells </li> | ||
+ | <li id="placeholder"> </li> | ||
+ | |||
+ | </ul> | ||
+ | </div><!-- end mammalian--> | ||
+ | </div> | ||
+ | |||
+ | </div><!--end col_nav--> | ||
+ | |||
+ | <div id="col_left"> | ||
+ | |||
+ | <div class="bio" id="placebio"> | ||
+ | |||
+ | </div> |
Revision as of 16:14, 21 September 2012