"
Template:NavBar
From 2014.igem.org
(Difference between revisions)
m |
m |
||
| Line 118: | Line 118: | ||
</li> | </li> | ||
<li> | <li> | ||
| - | <a href="#">START to FINISH</a> | + | <a href="#" class="dropToggle">START to FINISH</a> |
<div class="navDropMenu"> | <div class="navDropMenu"> | ||
</html>{{Nav/StartToFinish}}<html> | </html>{{Nav/StartToFinish}}<html> | ||
| Line 135: | Line 135: | ||
</nav> | </nav> | ||
</header> | </header> | ||
| + | |||
| + | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> | ||
| + | <script> | ||
| + | $(document).ready(function() { | ||
| + | if (!!('ontouchstart' in window)){ | ||
| + | $('.dropToggle').click(function(event) { | ||
| + | $('.navDropMenu').slideToggle(); | ||
| + | e.stopPropogation(); | ||
| + | }); | ||
| + | $(document).click(function() { | ||
| + | $('.navDropMenu').slideUp(); | ||
| + | }); | ||
| + | } | ||
| + | }); | ||
| + | </script> | ||
<html> | <html> | ||
Revision as of 14:44, 31 January 2014
