Difference between revisions of "Template:Team:Michigan/navbar-Irina"

Line 1: Line 1:
{{Team:Michigan/JQUERY}}
+
 
 
<html>
 
<html>
 
<style>
 
<style>
Line 87: Line 87:
 
<div class="header">
 
<div class="header">
 
   <div class="header-1">
 
   <div class="header-1">
    <h1>University of Michigan Synthetic Biology Team</h1>
 
 
     <div class="nav">
 
     <div class="nav">
 
       <a href="https://2016.igem.org/Team:Michigan" data-section="1">Project</a>
 
       <a href="https://2016.igem.org/Team:Michigan" data-section="1">Project</a>
Line 130: Line 129:
 
   </div>
 
   </div>
 
</div>
 
</div>
 +
<script>
 +
$('.nav a').mouseenter( function() {
 +
  var id = '#subnav-' + $(this).attr('data-section');
 +
  $('.subnav .open').toggleClass('open').toggleClass('closed');
 +
  $(id).toggleClass('open').toggleClass('closed');
 +
  $(this).siblings('.open').toggleClass('open');
 +
  $(this).addClass('open');
 +
});
 +
</script>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 04:20, 19 August 2016