Difference between revisions of "Template:Ruperto Carola/navbar"

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/Experiments">
+
 
−
Experiments
+
<a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Notebook">Notebook</a>
−
</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>
−
Notebook
+
            <ul class="dropdown-menu">
−
</a>
+
              <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