Difference between revisions of "Team:UChile OpenBio-CeBiB/Template/2"

Line 16: Line 16:
  
 
<script type="text/javascript">
 
<script type="text/javascript">
−
$(function() {
+
// Add slideDown animation to dropdown
−
    $('.dropdown-toggle').click(function() {
+
$('.dropdown').on('show.bs.dropdown', function(e){
−
        $(this).next('.dropdown-menu').fadeToggle(500);
+
  $(this).find('.dropdown-menu').first().stop(true, true).slideDown(300);
−
    });
+
});
−
});​
+
 
 +
// Add slideUp animation to dropdown
 +
$('.dropdown').on('hide.bs.dropdown', function(e){
 +
  $(this).find('.dropdown-menu').first().stop(true, true).slideUp(300);
 +
});
 
</script>
 
</script>
  
Line 579: Line 583:
 
         <a class="nav-link" href="#">Future<span class="sr-only">(current)</span></a>
 
         <a class="nav-link" href="#">Future<span class="sr-only">(current)</span></a>
 
       </li>
 
       </li>
 +
<li class="dropdown">
 +
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="#">Action</a></li>
 +
            <li><a href="#">Another action</a></li>
 +
            <li><a href="#">Something else here</a></li>
 +
            <li class="divider"></li>
 +
            <li><a href="#">Separated link</a></li>
 +
            <li class="divider"></li>
 +
            <li><a href="#">One more separated link</a></li>
 +
          </ul>
 +
        </li>
 
       </li>
 
       </li>
 
     </ul>
 
     </ul>

Revision as of 12:38, 17 October 2017

Document