Difference between revisions of "Template:CSS UCL5"

Line 8: Line 8:
  
  
<script>$(document).ready(function() {
+
<script>
     $('#hidden-menu').next().hide();
+
$(document).ready(function() {
     $('#hidden-menu').hover( function() {
+
     $('#mobilebutton').click(function(){
         $(this).next().toggle();
+
$('#mobile-menu').show();
 +
     $('#mobilebutton').mouseout( function() {
 +
         $('#mobile-menu').hide();
 
     });
 
     });
 
});
 
});
Line 821: Line 823:
 
<div id="hidden-menu">
 
<div id="hidden-menu">
 
<img src="https://static.igem.org/mediawiki/2015/d/de/UCLigemMobileMenu.png" id="mobilebutton">
 
<img src="https://static.igem.org/mediawiki/2015/d/de/UCLigemMobileMenu.png" id="mobilebutton">
<ul>
+
<ul id="mobile-menu">
 
<li><a href="https://2015.igem.org/Team:UCL">Home</a></li>
 
<li><a href="https://2015.igem.org/Team:UCL">Home</a></li>
 
<li><a href="https://2015.igem.org/Team:UCL/Description">Project</a></li>
 
<li><a href="https://2015.igem.org/Team:UCL/Description">Project</a></li>

Revision as of 00:18, 27 July 2015