Difference between revisions of "Template:UMaryland/Navbar"

 
(16 intermediate revisions by 3 users not shown)
Line 32: Line 32:
 
</div>  
 
</div>  
 
<div class="navigationBarOption"><!-- stole this idea from W&M (thx) !-->
 
<div class="navigationBarOption"><!-- stole this idea from W&M (thx) !-->
<a href="https://2018.igem.org/Team:UMaryland/Engagement">Engagement</a>
+
Engagement
 
<div class="navigationBarDropdown hidden">
 
<div class="navigationBarDropdown hidden">
 
<li><a href="https://2018.igem.org/Team:UMaryland/Human_Practices">Human Practices</a></li>
 
<li><a href="https://2018.igem.org/Team:UMaryland/Human_Practices">Human Practices</a></li>
Line 47: Line 47:
 
<div class="navigationBarOption"><!-- ripperino our basic part qq !-->
 
<div class="navigationBarOption"><!-- ripperino our basic part qq !-->
 
<a href="https://2018.igem.org/Team:UMaryland/Model">Modeling</a>
 
<a href="https://2018.igem.org/Team:UMaryland/Model">Modeling</a>
 +
<div class="navigationBarDropdown hidden">
 +
<li><a href="https://2018.igem.org/Team:UMaryland/TPAvPCA">TPA vs PCA detection</a></li>
 +
<li class="navigationBarDropdownDivider"></li>
 +
<li><a href="https://2018.igem.org/Team:UMaryland/BCmodel">Cellulose Binding</a></li>
 +
</div>
 
</div>  
 
</div>  
 
<div class="navigationBarOption">
 
<div class="navigationBarOption">
 
<a href="https://2018.igem.org/Team:UMaryland/Description">Project</a>
 
<a href="https://2018.igem.org/Team:UMaryland/Description">Project</a>
 
<div class="navigationBarDropdown hidden">
 
<div class="navigationBarDropdown hidden">
<li><a href="https://2018.igem.org/Team:UMaryland/PETaseIntro">Introduction</a></li>
+
                                        <li><a href="https://2018.igem.org/Team:UMaryland/History">iGEM PET History</a></li>
 +
                                        <li class="navigationBarDropdownDivider"></li>
 +
<li><a href="https://2018.igem.org/Team:UMaryland/Improve">PET NET: Improve</a></li>
 +
<li><a href="https://2018.igem.org/Team:UMaryland/Hardware"> - Hardware</a></li>
 
<li class="navigationBarDropdownDivider"></li>
 
<li class="navigationBarDropdownDivider"></li>
<li><a href="https://2018.igem.org/Team:UMaryland/PETNET">PET NET</a></li>
+
                                        <li><a href="https://2018.igem.org/Team:UMaryland/Measurement">Measurement</a></li>
<li><a href="https://2018.igem.org/Team:UMaryland/Hardware">Hardware</a></li>
+
<li><a href="https://2018.igem.org/Team:UMaryland/TPA"> - TPA Enzymes</a></li>
<li><a href="https://2018.igem.org/Team:UMaryland/Improve">Improve</a></li>
+
<li><a href="https://2018.igem.org/Team:UMaryland/Demonstrate"> - Demonstrate</a></li>
<li class="navigationBarDropdownDivider"></li>
+
 
<li><a href="https://2018.igem.org/Team:UMaryland/TPA">TPA Detection</a></li>
+
<li><a href="https://2018.igem.org/Team:UMaryland/Measurement">Measurement</a></li>
+
<li><a href="https://2018.igem.org/Team:UMaryland/Demonstrate">Demonstrate</a></li>
+
 
</div>
 
</div>
 
</div>
 
</div>
Line 67: Line 72:
 
</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>

Latest revision as of 16:46, 17 October 2018

Template Title