Team:Groningen/Templates/Navigationbar

From 2013.igem.org

(Difference between revisions)
 
(7 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<script type="text/javascript">
 
-
  $(document).ready(function() {
 
-
    $('#accordion li').each(function() {
 
-
      var li = $(this);
 
-
      var a = $('a', li);
 
-
      if(/* compare the href of the 'a' element to the current URL */) {
 
-
        li.addClass('active');
 
-
      }
 
-
    });
 
-
  });
 
-
</script>
 
-
 
<style>
<style>
.accordion,
.accordion,
Line 134: Line 122:
}
}
-
Source: http://designmodo.com/css3-accordion-menu/#ixzz2gmcjwHdy
+
 
</style>
</style>
-
<div width="200px">
+
<nav>
<ul class="accordion">
<ul class="accordion">
Line 143: Line 131:
<li id="one" class="files"><a href="https://2013.igem.org/Team:Groningen">Home</a>
<li id="one" class="files"><a href="https://2013.igem.org/Team:Groningen">Home</a>
   
   
-
<li id="two" class="files" class="navigation"><a href="#">Team</a>
+
<li id="two" class="files" class="navigation"><a href="#two">Team</a>
   
   
   <ul class="sub-menu" >
   <ul class="sub-menu" >
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Team">Team</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Team#two">Team</a></li>
         <li><a href="https://igem.org/Team.cgi?id=1085" target="_blank"  >Official profile</a></li>
         <li><a href="https://igem.org/Team.cgi?id=1085" target="_blank"  >Official profile</a></li>
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Acknowledgements" >Acknowledgements</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Acknowledgements#two" >Acknowledgements</a></li>
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Attributions" >Attributions</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Attributions#two" >Attributions</a></li>
-
         <li><a href="https://2013.igem.org/Team:Groningen/photos" >Gallery</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/photos#two" >Gallery</a></li>
   </ul>
   </ul>
</li>
</li>
Line 157: Line 145:
   
   
<ul class="sub-menu" >
<ul class="sub-menu" >
 +
        <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Silk#three" >Overview</a></li>
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Background#three" >Background</a></li>
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Background#three" >Background</a></li>
-
        <li><a href="https://2013.igem.org/Team:Groningen/Navigation/BiomedicalProperties#three" >Biomedical    <br>Properties</a></li>
 
-
        <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Protein#three" >Spider Silk Protein</a></li>
 
   </ul>
   </ul>
</li>
</li>
Line 168: Line 155:
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Construct#four" >Backbone</a></li>
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Construct#four" >Backbone</a></li>
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/SilkAssemblyShop#four" >Silk Assembly Shop</a></li>
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/SilkAssemblyShop#four" >Silk Assembly Shop</a></li>
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Motility#four" >Coating Mechanism</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Motility#four" >Stay Warm, Stay Close</a></li>
-
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/SilkSecretion#four" >Final Setup</a></li>
+
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/SilkSecretion#four" >The Future</a></li>
-
        <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Conclusion#four" >Conclusion</a></li>
+
   </ul>
   </ul>
</li>
</li>
Line 183: Line 169:
<li id="six" class="sign" class="navigation"><a href="#six" target="_top">Modeling</a>
<li id="six" class="sign" class="navigation"><a href="#six" target="_top">Modeling</a>
<ul class="sub-menu">
<ul class="sub-menu">
-
        <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Codonoptimization#six" >Codon optimization</a></li>
+
 
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Heatmotility#six" >Heat Motility</a></li>
         <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Heatmotility#six" >Heat Motility</a></li>
 +
        <li><a href="https://2013.igem.org/Team:Groningen/Navigation/Codonoptimization#six" >Codon optimization</a></li>
 +
   </ul>
   </ul>
</li>
</li>
Line 219: Line 207:
<li id="eleven" class="sign"><a <a href="https://2013.igem.org/Team:Groningen/Navigation/Contact">Contact</a></li>
<li id="eleven" class="sign"><a <a href="https://2013.igem.org/Team:Groningen/Navigation/Contact">Contact</a></li>
-
</div>
+
</nav>
</html>
</html>

Latest revision as of 03:05, 5 October 2013

Retrieved from "http://2013.igem.org/Team:Groningen/Templates/Navigationbar"