Line 1: | Line 1: | ||
<html> | <html> | ||
+ | |||
+ | <script> | ||
+ | $('.dropdown-menu a.dropdown-toggle').on('click', function(e) { | ||
+ | if (!$(this).next().hasClass('show')) { | ||
+ | $(this).parents('.dropdown-menu').first().find('.show').removeClass("show"); | ||
+ | } | ||
+ | var $subMenu = $(this).next(".dropdown-menu"); | ||
+ | $subMenu.toggleClass('show'); | ||
+ | |||
+ | |||
+ | $(this).parents('li.nav-item.dropdown.show').on('hidden.bs.dropdown', function(e) { | ||
+ | $('.dropdown-submenu .show').removeClass("show"); | ||
+ | }); | ||
+ | |||
+ | |||
+ | return false; | ||
+ | }); | ||
+ | </script> | ||
<style> | <style> | ||
Line 28: | Line 46: | ||
} | } | ||
+ | <!-- Submenus by Surjith from codepen.io --> | ||
+ | |||
+ | .dropdown-submenu { | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .dropdown-submenu a::after { | ||
+ | transform: rotate(-90deg); | ||
+ | position: absolute; | ||
+ | right: 6px; | ||
+ | top: .8em; | ||
+ | } | ||
+ | |||
+ | .dropdown-submenu .dropdown-menu { | ||
+ | top: 0; | ||
+ | left: 100%; | ||
+ | margin-left: .1rem; | ||
+ | margin-right: .1rem; | ||
+ | } | ||
+ | |||
+ | <!-- End --> | ||
</style> | </style> | ||
Line 82: | Line 121: | ||
Design | Design | ||
</a> | </a> | ||
− | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/ | + | |
− | + | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Notebook">Notebook</a> | |
− | + | ||
− | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Notebook"> | + | <li class="dropdown-submenu"><a class="dropdown-item dropdown-toggle" href="https://2019.igem.org/Team:Ruperto_Carola/Notebook">Notebook</a> |
− | + | <ul class="dropdown-menu"> | |
− | + | <li><a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Experiments">Experiments</a></li> | |
+ | <li><a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Methods">Methods</a></li> | ||
+ | |||
<a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Contribution"> | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Contribution"> | ||
Contribution | Contribution |
Revision as of 23:21, 21 October 2019