Difference between revisions of "Template:UMaryland/Navbar"

Line 5: Line 5:
  
 
<body>
 
<body>
 
 
<div id="navigationBar">
 
<div id="navigationBar">
 
<div class="row">
 
<div class="row">
Line 30: Line 29:
 
<li><a href="https://2018.igem.org/Team:UMaryland/Attributions">Attributions</a></li>
 
<li><a href="https://2018.igem.org/Team:UMaryland/Attributions">Attributions</a></li>
 
<li><a href="https://2018.igem.org/Team:UMaryland/Sponsors">Sponsors</a></li>
 
<li><a href="https://2018.igem.org/Team:UMaryland/Sponsors">Sponsors</a></li>
<li class="navigationBarDropdownDivider"></li>
 
<li><a href="https://2018.igem.org/Team:UMaryland/Notebook">Notebook</a></li>
 
<li><a href="https://2018.igem.org/Team:UMaryland/Protocols">Protocols</a></li>
 
<li><a href="https://2018.igem.org/Team:UMaryland/Safety">Safety</a></li>
 
 
</div>
 
</div>
 
</div>  
 
</div>  
Line 72: Line 67:
 
</div>
 
</div>
 
</div>
 
</div>
 +
<div id="navigationBarPlaceholder"></div>
 +
</body>
 +
<script>
 +
$(document).ready(() => {
 +
//All the fancy navbar stuff - hopefully it works
 +
$('.navigationBarOption').on('mouseover', event => {
 +
$(event.currentTarget).children().removeClass('hidden');
 +
}).on('mouseleave', event => {
 +
$(event.currentTarget).children("div").addClass('hidden');
 +
});
 +
})
 +
</script>
 +
</html>
 +
 +
<script type="text/javascript" src="jquery-3.2.1.min.js"></script> <!-- don't forget to replace !-->
 +
 
<div id="navigationBarPlaceholder"></div>
 
<div id="navigationBarPlaceholder"></div>
 
</body>
 
</body>

Revision as of 22:05, 15 October 2018

Template Title

<script type="text/javascript" src="jquery-3.2.1.min.js"></script>

</body>

<script> $(document).ready(() => { //All the fancy navbar stuff - hopefully it works $('.navigationBarOption').on('mouseover', event => { $(event.currentTarget).children().removeClass('hidden'); }).on('mouseleave', event => { $(event.currentTarget).children("div").addClass('hidden'); }); }) </script>

</html>