Difference between revisions of "Template:CSS UCL99"
Superjack15 (Talk | contribs) |
|||
| (5 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
<html> | <html> | ||
| + | <script> | ||
| + | |||
| + | $(document).mouseup(function (e) | ||
| + | { | ||
| + | var container = $("mobile-list"); | ||
| + | |||
| + | if (!container.is(e.target) // if the target of the click isn't the container... | ||
| + | && container.has(e.target).length === 0) // ... nor a descendant of the container | ||
| + | { | ||
| + | container.hide(); | ||
| + | } | ||
| + | }); | ||
| + | |||
| + | </script> | ||
<style> | <style> | ||
| Line 33: | Line 47: | ||
position:fixed; | position:fixed; | ||
top:60px; | top:60px; | ||
| − | left: | + | left:0px; |
} | } | ||
| Line 64: | Line 78: | ||
<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-list"> |
<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> | ||
Latest revision as of 15:34, 27 July 2015
