Line 1: | Line 1: | ||
− | + | ||
<html> | <html> | ||
<style> | <style> | ||
Line 87: | Line 87: | ||
<div class="header"> | <div class="header"> | ||
<div class="header-1"> | <div class="header-1"> | ||
− | |||
<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